React Native 的故事书

发布日期： 2024-09-25 阅读量： 作者： 网络

react native 的故事书

专家您好，我们都在应用程序中使用可重用组件，或者我们开发了在多个地方经常使用的自定义组件，并将逻辑分开，因此每当我们更改业务逻辑时，它都会在使用它的任何地方反映出来。如果我说向我展示您开发的组件，您需要在一个组件中导入/实现它并运行应用程序，会发生什么，对吗？有什么方法可以让我在一个地方看到所有可重用组件，我可以使用它，更改各种道具并验证它？是的，它就在那里。

什么是故事书？

storybook 允许开发人员编写故事（自定义组件）、运行故事、使用各种属性、验证它，而无需运行实际应用程序，也无需导入任何组件。 storybook 让开发人员的生活变得更加简单，开发人员可以从一个地方使用所有 story（自定义组件）——这就是 storybook。 storybook 与最流行的 javascript ui 框架（如 react、react native、angular、vue）集成，并支持服务器渲染组件框架（如 ruby on rails）。

什么是故事？

story 捕获 ui 组件的渲染状态。开发人员可以为每个组件编写多个故事。故事以组件故事格式 (csf) 编写，这是一种基于 es6 模块的标准，用于编写组件。

故事书特点——

独立组件开发
提供强大的 ui
增强您工作流程的插件
一致的用户体验
单元测试组件
共享和重用组件

安装 —

从 react native 应用程序的根目录中执行此命令：

npx -p @storybook/cli sb init — 输入react_native

系统会提示您询问是否要安装@storybook/react-native-server，您现在可以安全地选择不安装它，因为您可以稍后添加它，而且这不是必需的。

运行故事书 —

# starts storybook in development mode
npm run storybook

# vue # ruby on rails # 组件开发

上一篇: SkyFlare - 一个 pre-alpha JESTfu

下一篇: golang框架在不同领域的应用场景

React Native 的故事书

随便看看