随着开发人员不断创建新的 React 组件,我们的 React 代码库一直在增长,但我们现有的 React Styleguidist(本文简称 Styleguidist)开发环境无法并行扩展。 沙盒示例 在 Yelp,我们在使用 Styleguidist 时遇到了各种各样的问题,这些问题导致 React 开发体验欠佳: 由于没有得到广泛的 Web 社区的支持,Styleguidist 缺少插件生态系统 ,因此 Styleguidist 的插件必须自己从头开发。 这与性能糟糕的 Styleguidist 形成了对比,Styleguidist 总是会渲染包中的每一个组件的每一个示例。 一个Styleguidist沙盒示例 迁 移 我们的 React 代码库包含了数千个 Styleguidist 文件,每个文件中都有许多个组件示例。
Vue-styleguidist Star 数:1088 GitHub:https://github.com/vue-styleguidist/vue-styleguidist 介绍:由 react-styleguidist Vue-styleguidist 13. Heyui Star 数:934 GitHub:https://github.com/heyui/heyui 介绍:Web UI 库,Vue2.0。 ?
Styleguidist 还支持一些特性,如自动生成样式指南、支持 Markdown 语法以及实时更新。 图片https://react-styleguidist.js.org/#DoczDocz 是一个 React 组件文档生成器,它提供了简单易用的界面和自定义配置选项。
[image.png] React Styleguidist 顾名思义,这是一款 React 样式指南生成器,可与你的团队分享在线样式指南。
为了将其包含到你的React项目中,你所需要做的就是(假设您已经安装了webpack,并且您使用Create React App创建了项目): $ npm install --save-dev react-styleguidist 然后运行以下命令启动你的样式设置服务器: $ npx styleguidist server 如果你想了解有关在项目上使用Styleguideist的更多信息,请查阅文档及演示。
不过也有一些其他好的方案: Docusaurus:https://github.com/facebook/docusaurus Docz:https://github.com/doczjs/docz Styleguidist :https://github.com/styleguidist/react-styleguidist 最后 参考:https://www.robinwieruch.de/react-libraries
包括支持静态内容的展示,以及可以查看源码的实施运行效果,这方面有很多优秀的开源库,比如 StoryBook&Styleguidist,Docz 这里你需要注意一个典型的错误行为,那就是调研的时候,只调研一些基础的功能就开始做选择
原文地址: https://storybook.js.org/blog/storybook-react-server-components/ 相关阅读: 从 Styleguidist 迁移到 Storybook
Foo: React.FC<{ a: number; b: string }>; } 了解更多如何定义声明文件 8️⃣ 为文档生成做好准备 目前社区有多种 react 组件文档生成方案, 例如docz, styleguidist
我已经广泛地使用了 Storybook,我可以说他非常好用,但是我也听说了其他解决方案的好处: Styleguidist docz Docusaurus 总结 所以最终,React 生态系统可以看作是一个
react-three-fiber react-360 aframe-react 文档 在编写组件文档时,有许多优秀的 React 文档工具可供选择: Storybook Docusaurus Docz Styleguidist
目前在该领域可用的工具包括:Storybook、React Styleguidist、Compositor和MDX。
这期的技术雷达介绍的一整套支持 UI 的开发环境(也称为UI DEV ENVIRONMENTS)专注于用户体验设计人员与开发人员之间的协作,例如 :Storybook ,react-styleguidist
Restful接口文档规范 GraphQL: 这个有很多工具,例如graphiql, 集成了Playground和文档,很先进 Easy Mock 一个可视化,并且能快速生成模拟数据的服务 组件文档 vue-styleguidist 有更好的工具请评论告诉我 Docz Styleguidist StoryBook 通用的组件开发、测试、文档工具 React Vue 7 UI设计规范 ?
graphiql, 集成了Playground和文档,很先进 Easy Mock 一个可视化,并且能快速生成模拟数据的服务 组件文档 StoryBook 通用的组件开发、测试、文档工具 React Docz Styleguidist Vue vue-styleguidist 有更好的工具请评论告诉我 ⬆️回到顶部 7 UI设计规范 image.png 这是一个容易被忽略的规范类型。
loadable-components - 简化了React代码拆分 reactotron - 用于检查React和React Native项目的桌面应用程序 storybook - UI组件开发和测试 react-styleguidist
react-styleguidist:和Storybook类似,生成React组件开发环境的文档服务,基于webpack支持HRM。
react-styleguidist:和Storybook类似,生成React组件开发环境的文档服务,基于webpack支持HRM。