带有示例应用 此示例介绍了如何将用作Next.js应用程序中的组件库。 我们将Next.js _app.js与chakra-ui的Theme和ColorMode容器连接_app.js ，以便页面可以具有应用程序范围内的暗/亮模式。 我们还将创建一些组件，以显示chakra-ui的风格道具的用法。 去做： 自己部署 使用部署示例： 如何使用 使用create-next-app 使用或执行以引导示例： npm init next-app --example with-chakra-ui with-chakra-ui-app # or yarn create next-app --exam

Vue，故事书，Tailwind入门模板 项目设置 此时可能避免使用由Node 14.5.x开发的PNPM npm install 在生产模式下构建应用 npm run build 在开发模式下服务和热重装应用 npm run storybook:serve 编译Tailwind CSS 由于tailwind.config更改而需要更新CSS时，请重新构建它。 请注意，如果您的Storybook服务器正在运行，则无需重新加载它。 如果您CSS文件只有几兆字节，请不要惊慌，没关系...拥抱它。 npm run tailwind:build 编译Tailwind并清除未使用CSS类 准备好提

react-tradeshift-ui 用于React包装器。 在查看组件故事书。 安装 $ npm install react-tradeshift-ui 注意：需要在页面上显式加载 。 发展历程 通过和以最少的设置进行开发。 $ npm install $ npm start $ open http://localhost:9009 将在启用热模块重新加载的情况下打开Storybook。 释放 推送到master的任何代码都将使用适当的语义版本自动发布到npm 。 Travis-CI通过和提交消息约定自动处理。 执照 ISC。 版权所有（c）2017，Tradeshift。

故事书示例 DOCS DocsPage MDX文档预览 其他 插件 TypeScript 写作故事（下） 指南React 去做 添加打字稿组件支持

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

故事书插件，用于显示React组件的静态标记 安装 npm install --save-dev storybook-react-to-static-markup 组态 添加到.storybook/addons.js import 'storybook-react-to-static-markup/register' 添加到.storybook/config.js import { addDecorator } from '@storybook/react' import { withStaticMarkup } from 'storybook-react-to-static-mark

妈祖不说那屎故事书妈祖不说那屎故事书

格洛里亚的经验教训 :rocket: 主页 故事书： : :face_with_monocle: 里面有什么？ 盖茨比 React 打字稿 感情 故事书 柏 笑话 @ testing-library / react

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

React样板 堆栈： 在本地运行项目 1-克隆项目并安装依赖项： $ git clone https://github.com/lucasjs/react-boilerplate.git $ cd react-boilerplate $ npm install 2-运行开发模式： $ npm start 打开在浏览器中查看它。 剧本 建立： $ npm run build 故事书： $ npm run storybook 资料夹 . ├── README.md ├── LICENSE ├── .storybook/ | ├── addons.js | ├── config.