作者MichaelShilman 译者薛命灯 Storybook5。0（SB5）于近日正式发布，这是目前为止最大的一个版本。新版本的内容包括：全新的开发者体验；带有主题的组件库；改进的前端插件架构；全新的Storybook网站。Storybook的进展和未来 Storybook是目前最受欢迎的UI组件环境，它为各种视图层（如React、Vue、Angular、ReactNative、Ember）提供了结构化的UI开发、测试和文档。 采用情况：Storybook是Airbnb、Slack、Squarespace、Lyft和Dropbox等巨头公司的首选UI工具，而且在各个行业和开源项目中的采用还在继续增长，最近的每月npm下载量超过450万次。 蓬勃的社区：Storybook社区在Github上有600多个贡献者和34K个星标，从星标数量来看，Storybook已经进入了前40个JavaScript项目的行列。Storybook社区比以往任何时候都更强大。为了这个项目的未来，还成立了一个由高级维护人员组成的指导委员会。 专业级工具：在2018年，Storybook团队专注于构建Storybook平台，包括扩展视图层支持、插件的交叉兼容性，并与JavaScript工具一起演化。2019年，Storybook团队将通过以下方式改善开发者体验：提高用户反馈的优先级；为Storybook提供更多的配置方式；发布更多小版本，让平台变得更稳定。Storybook5。0新特性 SB5的核心是一个漂亮的新用户界面。具有讽刺意味的是，对于这样一个被广泛使用的UI开发工具，Storybook本身在设计方面还有很多需要改进的地方。Storybook的新设计是自项目开始以来的第一次重大调整。 新的用户界面解决了自2016年以来用户反馈的问题，包括：新设计的亮色和暗色主题；画布工具栏，可以方便地访问插件；调整导航栏，菜单更加直观；重新设计插件面板，可以使用按钮切换可见性和方向；用户可配的键盘快捷键；新的URL结构，消除了长串的查询参数。 这些升级改进了整个Storybook生态系统的视图层、插件和集成。重用Storybook组件 Storybook本身就是用Storybook构建的。Storybook团队正在发布storybookcomponents库，用来加快开发速度，促进最佳实践。这意味着插件开发人员可以更快地构建与StorybookUI一致的插件。 Storybook组件使用React和Emotion实现。这个库包含了Storybook界面的所有构建块，可用于开发桌面和移动UI，并可通过Emotion灵活的主题API进行定制开发。 这个库实现了以下几个的目标：加快开发：记录常见的用例、自动化可视化测试，并促进代码重用；促进最佳实践：Storybook团队的长期目标是让这个库成为使用Storybook构建设计系统的风向标。虽然还有很长的路要走，但SB5是迈出的关键一步；改进工作流：SB5的很多改进来自构建Storybook组件库本身。定制Storybook Storybook还提供了一个新的前端架构，用于改进Storybook的定制化。Storybook一直都有提供插件和构建配置API，而现在SB5开始开启可配置的用户界面。 主题API 在Storybook中应用主题比以往任何时候都更容易、更一致、更美观。这可以通过新的主题API来实现，新版本的API对4。0版本的API进行了改进。 Storybook提供了开箱即用的亮色和暗色主题。这些主题可以独立使用，可以作为主题定制化的起点。下面是一个简单的例子： SB5的主题系统被抽象为一组变量，简化了开发人员的定制化工作，同时随着StorybookUI的演化，更容易保持向后兼容性。有关SB5中主题的更多信息，请参阅相关文档： https：storybook。js。orgconfigurationstheming 插件API SB5包含了一个扩展的插件API，提供了两种将插件连接到UI的新方式：工具栏和选项卡。 工具栏：插件现在可以被添加UI到工具栏！这样用户就可以立即看到插件。视图、背景和可访问性插件都支持这个新特性。 选项卡：插件还可以向主面板添加新选项卡。Notes插件已经支持这个特性，稍后会有更多的集成。 对于插件用户来说，SB5的安装和配置并没有发送变化。对新API感兴趣的插件作者可以参考Storybook的插件文档： https：storybook。js。orgaddonswritingaddons 全新的Storybook网站 最新版SB5的最大亮点是Storybook的新网站。这个网站解释了Storybook诸多方面的好处灵感来自社区的聚会、讨论、演示和博文。 为什么要使用Storybook？ 用户经常会问为什么要使用Storybook？Storybook有很多应用场景：组件资源管理器、样式指南、UI文档、playground、沙箱、workshop和库。 下面的这个视频可以很好地回答这个问题。在不到两分钟的时间里，你将了解到为什么独立组件开发对现代应用程序来说非常重要，以及Storybook如何帮助你实现这一点： https：youtu。bepLFh5Y89eM升级到Storybook5。0 如果你在运行Storybook4。x，那么升级到5。0就很简单。这里有一个5。0升级指南： https：medium。comshilmanstorybook5migrationguided804b38c739d 如果你在使用3。x，那么也可以参考一下4。0升级指南： https：medium。comstorybookjsmigratingtostorybook4c65b19a03d2c 如果你是Storybook新手，可以看看Storybook教程： https：www。learnstorybook。com 如果你想直接开始使用Storybook，只需要30秒就可以将SB5添加到现有项目中：cdmyproject npxpstorybookclisbinit yarnstorybook 英文原文 https：medium。comstorybookjsstorybook50db1d0f9c83b8
给老师的一封信品学网专稿未经允许不得转载您好！我是您的学生武子童同学，在您的教导下我学会了很多知识hellip；hellip；也懂得了许多做人的道理。记得在二年级的时候赵阳……思皓新能源就是省钱最满意得就是很省钱，一公里平均电费不到1毛钱，充满电20多块钱跑280公里妥妥的，买之前就感觉电动车省钱，到手后还是很出乎意料的啊最不满意的就是座椅不能上下调节，只能前后……业界畅通数据增值兼顾便捷安全是数字经济的发力方向来源：人民网原标题：业界：畅通数据增值兼顾便捷安全是数字经济的发力方向人民网博鳌4月23日电数字经济如何助力全球经济复苏，对经济结构调整带来了哪些变化？怎样利……畅通汽车及新能源汽车产业链供应中国小康网天津4月23日电汽车及新能源汽车产业链供应保障撮合对接会22日举行。在对接会上，国家工信部、市发改委、市交通运输委、市金融局等30多家单位参加，以在津三大整车厂……秋天，藏在我心灵深处的音乐E度网专稿未经允许不得转载十月的秋天，正是收获的季节。金黄的麦田，飘扬出一片成熟的气息，香甜，纯净，让人心中产生阵阵感动。长期生活在城市中的我，是很难感受到这种气氛……自然的美现世界是如此美放眼自然，处处有着迷人的色彩：第一丝清风拂过，是万木吐翠的春，这是一个细腻的季节；第一缕阳光洒下，是鱼跃荷开的夏，这是一个清爽的季节；第一片金黄铺开，是五谷丰登的……两度涨价接连曝出自燃事故哪吒汽车离上市还有多远？《投资者网》彭宝萱编辑汤巾新能源汽车市场火热，造车新势力车企乘风而起。经过8年蛰伏，合众新能源汽车有限公司（下称哪吒汽车）在新能源汽车领域颇有起色。2022年3月，……描写校园活动作文篇一：非遗进校园今天，我们很高兴和非物质文化遗产来了一次亲密接触。走进操场，许多展位上摆出各式各样的非物质文化遗产：有色彩鲜艳的油泥，有做工精致的石雕、竹雕和木雕，……与爱同行《孟子》中有这样一句话：爱人者，人恒爱之；敬人者，人恒敬之。这句话明确表明了我们人与人之间需要爱与尊敬。我曾经问自己到底什么是爱？现在我明白了：爱分很多种，有友爱、关爱、……西湖的四季作文500字西湖是杭州的一颗璀灿明珠，它位于杭州城的西部，一年四季风景如画，世界各地有无数的游客都慕名前来。春天来了，西湖边的柳树上长满了嫩绿的芽儿，像一个个调皮的小精灵探出好奇的小……PK赛关于老师的作文深夜，那盏灯作文网专稿未经允许不得转载夜空群星闪耀，灯光依旧明亮，您高大的身影还映在窗外的草丛边，钢笔刷刷划过纸面的声响还清晰可闻，偶尔传来的沉重的叹息，是对我们顽皮闯下的祸慈祥的宽……动物300字作文科学家们把现存的人类已知的动物分为无脊椎动物和脊椎动物两大类。以下是小编为大家整理的关于一年级小动物作文300字，给大家作为参考，欢迎阅读！一年级小动物作文300字1：小……