格洛里亚的经验教训
:rocket: 主页
故事书： :
:face_with_monocle: 里面有什么？
盖茨比
React
打字稿
感情
故事书
柏
笑话
@ testing-library / react
2021-02-04 13:10:49
1.89MB
1
更快地构建防弹UI组件
故事书是UI组件的开发环境。 它使您可以浏览组件库，查看每个组件的不同状态以及以交互方式开发和测试组件。
查看自述文件：
介绍
故事书在您的应用程序外部运行。 这使您可以独立开发UI组件，从而可以提高组件重用性，可测试性和开发速度。 您可以快速构建，而不必担心特定于应用程序的依赖性。
您可以参考以下精选示例，以了解Storybook的工作方式： :
Storybook随附了许多用于组件设计，文档，测试，交互性等的。 使用Storybook的API，可以通过各种方式进行配置和扩展。 它甚至已扩展为支持针对移动设备的React Native开发。
翻译
目录
2021-02-04 09:10:18
34.35MB
1
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.
2021-02-04 09:10:15
191KB
1
故事书与魅力四射
这是来自示例，这些示例被组织成一个故事书。
每个示例都包含一个带有说明的单独故事，并具有一个使用相同源代码的codesandbox.io链接
在github页面上查看：
用法
如果您想玩这个例子：
git clone https://github.com/react-theming/glamorous-samples.git
cd glamorous-samples
npm i
npm start
它将启动故事书。 在浏览器中打开在左侧面板中的故事列表中导航。 每个示例都有一个简短说明的注释和源文件的名称（位于src文件夹中）。 修改这些文件，以更好地了解迷人的作品。
2021-02-04 09:09:42
209KB
1
Acmesquita-ui
Projeto inspirado没有COMØintito德aplicar OS conhecimentos对criar UMA lib中去COMPONENTES UIËdocumentar utilizandoØ 。
因斯塔兰多
yarn add acmesquita-ui
or
yarn add "git+ssh://git@github.com:acmesquita/acmesquita-ui.git#dist"
Utilizando
import { Button } from 'acmesquita-ui' ;
< Button > De
2021-02-04 09:09:38
347KB
1
:laptop_computer: 故事书桌面
适用于您所有故事书的桌面应用。
入门
该项目仍处于早期阶段。 要获得该应用程序，您必须立即自行构建。 就是这样：
git clone https://github.com/storybookjs/desktop.git
cd desktop
yarn
运行开发版本：
yarn dev
要构建生产应用程序：
yarn dist
学分
该项目基于
2021-02-03 14:05:47
367KB
1
+ +真正的模具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的工作方式
2021-02-03 14:05:19
423KB
1
lwc-storybooks-poc
LWC Storybook PoC是和的集成。 它演示了如何在诸如Storybook之类的开源项目中使用 。 基本组件实现Lightning Design System，并使用开发。
入门
在本地运行该项目，以探索Storybook中如何使用 。
克隆仓库。
$ git clone git@github.com:reiniergs/lwc-storybooks-poc.git
$ cd lwc-storybooks-poc
安装依赖项。
$ yarn install
运行本地版本。 此步骤将打开Web浏览器并导航至 。
$ yarn storybook
部署基本组件的准则
要在您自己的项目中部署基本组件，请遵循以下准则。
安装依赖项
版本2.2.6
版本2.11.0-beta.1
版本0.3.0
版本1.0.0
版本1.0.0
实施基本组件
属于src/c文件夹。 克隆项目所需的组件文件夹。 例如，将克隆到src/c/badge 。 您不需要.js-meta.xml配置文件。
将CSS文件添加到component文件夹，例如
2021-02-03 14:05:17
3.17MB
1
创建Material-UI应用
基于CRA和Material-UI的样板，具有：
@material-ui/core
react-scripts
@storybook/react
storybook-addon-material-ui
如何使用
git clone https://github.com/react-theming/create-material-ui-app.git
cd create-material-ui-app
yarn # select @storybook/react version when prompted
yarn storybook
在浏览器中打开
这是您的带有Material-UI组件的故事书
从src/stories/index.js文件开始编写新故事。 将您的应用创建为普通的CRA应用。
关于样板的注意事项
Create Material-UI App建立在，这意味着create-react-app支持的所有功能都可用。
我们建议在新项目中坚持使用此样板，因为我们试图在此处保持最新的稳定配置。
贡献
非常欢迎对该项目提出任何功能要求
2021-02-03 14:05:16
181KB
1