Storybook 是一个开源工具，可帮助您独立开发 UI 组件。它在您的代码库中运行，但与您的应用程序分开。它就像一个沙箱，让您不会因不完整的 API、片状数据和其他外部依赖项而分心。它与 React、Vue、Svelte、Angular 等框架集成！

借助 Storybook，您可以轻松开发设计系统并与设计师共享通用语言。质量检查人员可以获得概览并单独测试功能。利益相关者可以将其用于演示目的。总的来说，Storybook 有助于将所有这些人联系起来，极大地改善协作！

在本课程中，我们将充分发挥 Storybook for React 应用程序的潜力。我们从 Storybook 的基础知识开始，然后切换到现实世界的应用程序，学习如何直接在 Storybook 中开发功能，节省大量的开发时间，同时创建组件和功能的动态文档。

您将学习如何使用组件驱动开发将功能分解为原子组件和复合组件

您将看到插件的强大功能，以及它们如何帮助改善组件的开发体验和最终质量。我们将连接设计工具、测试可访问性等等。

您还将学习如何模拟获取请求，向 Storybook 添加 Redux、主题和路由支持，以及向其中添加完整页面。您甚至可以将整个页面添加到 Storybook，从而允许您单独模拟您想要的所有用例，以便于访问！

最重要的是，您将使用 Storybook 的最新功能（例如交互），结合用于测试库的 Storybook 包装器和在浏览器中运行的 Jest 的强大功能，通过自动交互来编写故事！

最后，您将设置 Chromatic，这是一个基于云的工具，它通过为您提供 Storybook 托管和视觉回归测试来改善您的 Storybook 体验，从而帮助您捕捉回归，同时也改善您和同事之间的协作在发出拉取请求时。

在本课程结束时，您将能够使用 Storybook 来开发和记录工作中的组件、功能和页面。 您还将了解 Storybook 如何帮助您与技术和非技术同事（如设计师和利益相关者）协作！