【文件属性】:
文件名称:addon-kit:构建Storybook插件所需的一切
文件大小:283KB
文件格式:ZIP
更新时间:2021-05-04 00:47:28
JavaScript
故事书附加套件
简化Storybook附加组件的创建
:memo: 开发中的实时编辑
:atom_symbol: React / JSX支持
:package: 与Babel进行转译和捆绑
:label: 插件元数据
:ship: 发布管理
:basket: 样板和示例代码
入门
单击使用此模板按钮开始使用。
克隆您的存储库并安装依赖项。
npm install
开发脚本
npm run start在监视模式下运行babel并启动Storybook
npm run build构建并打包您的插件代码
包括什么?
附加代码位于src 。 它演示了所有与核心插件相关的概念。 三种
src/Tool.js
src/Panel.js
src/Tab.js
连同插件本身一起在src/preset/manager.js中注册。
管理状态并与故事互动:
src/withGlobals.js和src/Tool.js演示了如何使用useGlobals管理全局状态
【文件预览】:
addon-kit-main
----.gitignore(72B)
----preset.js(42B)
----package.json(2KB)
----package-lock.json(1.02MB)
----src()
--------Tab.js(390B)
--------Panel.js(825B)
--------withRoundTrip.js(1KB)
--------components()
--------withGlobals.js(1KB)
--------Tool.js(751B)
--------preset()
--------constants.js(344B)
----LICENSE(1KB)
----.github()
--------workflows()
----.prettierignore(5B)
----README.md(4KB)
----.storybook()
--------main.js(151B)
----.babelrc.js(78B)
----stories()
--------page.css(998B)
--------button.css(642B)
--------Button.stories.js(740B)
--------Page.stories.js(424B)
--------Button.js(1KB)
--------Header.stories.js(325B)
--------Header.js(1KB)
--------Page.js(2KB)
--------header.css(472B)
----.prettierrc(3B)
----check-metadata.js(668B)