协同React 一些有用的预样式化组件可创建大量网站。 :high_voltage: 安装它 npm i -s @synerghetic/synerg-ui-react OR yarn add @synerghetic/synerg-ui-react :fire: 如何使用它 ？ 将css文件导入到index.(js|ts)文件中： import '@synerghetic/synerg-ui-react/dist/index.css' 然后，导入所需的组件： import { Button , Input , ... } from '@synerghetic/synerg-ui-react' :card_file_box_selector: 组件清单 太懒

该项目是通过。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 打字稿でReact Storybookを试す。 React故事书を打字稿で动かしました。 以下のコマンドで开発开始します。 tsの环境含めて作ってくれます。 $ create-react-app --scripts-version=react-scripts-ts playbook_ts_sample 剧本を介绍します $ npm i -g @storybook/cli $ cd playbook_ts_sample $ getstorybook でtypescriptで动かすには足りない

ng故事示意图 该角度示意图会生成一个故事书文件。 接下来的文件夹结构。 src/ project source code |- app/ app components | |- button/ button component example | |- button.component.* | |- button.stories.ts <-- story generated | +- ... 安装 npm

更快地构建防弹UI组件 故事书是UI组件的开发环境。 它使您可以浏览组件库，查看每个组件的不同状态以及以交互方式开发和测试组件。 查看自述文件： 介绍 故事书在您的应用程序外部运行。 这使您可以独立开发UI组件，从而可以提高组件重用性，可测试性和开发速度。 您可以快速构建，而不必担心特定于应用程序的依赖性。 您可以参考以下精选示例，以了解Storybook的工作方式： : Storybook随附了许多用于组件设计，文档，测试，交互性等的。 使用Storybook的API，可以通过各种方式进行配置和扩展。 它甚至已扩展为支持针对移动设备的React Native开发。 翻译 目录

리액트스토리북 자주사컴포넌트반으기반으로스토리북 실행 $ git clone https://github.com/parkoon/kood $ npm i $ npm run storybook 배포 $ npm run deploy-storybook

此存储库未维护。 zisui已集成到。 而且，迁移到Storycap非常容易。 请阅读 紫穗 快速简单的CLI可以为您的Storybook截图。 安装 $ npm install zisui 如何使用 zisui运行2种模式。 一个是“简单”，另一个是“托管”。 使用简单模式，您无需配置Storybook。 给出一个URL，例如： $ zisui http://localhost:9001 您可以通过--serverCmd选项启动服务器。 $ zisui --serverCmd "start-storybook -p 9001" http://localhost:9001 另外， zisui可以爬网构建和托管的Storybook页面： $ zisui https://release-5-0--storybooks-vue.netlify.com 托管模式 如果要控制故事的捕获方式（时间或大小等），请使用托管模式。 首先，您需要注册zisui Storybook插件。 /* .storybook/addons.js */ import "zisui/register" ;

+ +真正的模具HMR（热模块重新加载） 这是一个用于在Storybook中使用Stencil构建组件的入门项目。 此示例包括Storybook中的Real HMR，以及以观察模式运行的Stencil版本。 故事书只知道故事，模具标记和切入点。 对其色度进行测试，这意味着对您的故事进行视觉回归测试。 多亏了模具故事书者 ， 还有我获得代理hmr解决方案的。 也许这个可以解决？ :check_mark: 准备好NodeJS 14.13.1（使用nvm！） :check_mark: 模具2准备就绪，尚未经过es5测试，但应该可以使用！ + BEM和REM实用程序 :check_mark: 故事书6+ WebComponents准备就绪 :check_mark: 使用Stencil Dev Server开发的真正HMR，可保持故事书的控件状态 :check_mark: chrom.com视觉回归测试准备就绪 :check_mark: 在Windows 10和Mac 10.15.6上测试 :check_mark: 包括Bootstrap重置和Webfonts样板 HMR的工作方式

storybook-addon-xd-designs 一个故事书插件，可将Adobe XD规格嵌入到插件面板中，以实现更好的设计开发工作流程。 信用 从分叉 要求 @> = 5.0.0 这个插件应该在任何框架下都能很好地工作。 如果没有，请打开一个问题。 入门 安装 npm install --save-dev storybook-addon-xd-designs 要么 yarn add -D storybook-addon-xd-designs 确保已安装以下对等依赖项： @storybook/addons @storybook/components @storybook/theming 在addons.js注册插件 // .storybook/addons.js import 'storybook-addon-xd-designs/register' 将您的规格添加到故事中！ import { withXD } from 'storybook-addon-xd-designs' storiesOf ( 'My stories' , module ) . ad