storybook-framework-redwoodjs-vite | Storybook 集成

返回集成

适用于 RedwoodJS 的 Storybook (使用 Vite)

在 Github 上查看

每周下载量

由 Tom Preston-Werner, Peter Pistorius, Rob Cameron, David Price 以及超过 250 位杰出贡献者共同贡献（完整列表请参阅文件末尾）。

大角羊时代 (当前开发时代)

注意：Readme 的这一部分是我们称为大角羊的当前开发时代的愿景。大角羊尚未发布，但发布后，它将实现您在下面读到的承诺。如果您想帮助我们完成这一旅程，请在社区论坛中打个招呼！

Redwood 是一个用于快速创建基于 React 的 Web 应用程序的框架，可提供出色的终端用户体验。我们的目标是足够简单易用，适用于原型和黑客马拉松，同时又足够强大和全面，可以发展成为您的下一个初创公司。

我们主要通过两种方式实现这一目标

Redwood 是一个有主见的、全栈的框架。我们选择了 JS/TS 生态系统中最好的技术，并将它们精美地集成到一个有凝聚力的框架中，让您能够完成工作，而不是无休止地评估技术选项。您可以在没有后端的情况下开始使用 Redwood，但当您构建数据驱动的应用程序时，该框架才会真正大放异彩。我们透明的数据获取和可选的 GraphQL API 使构建和发展您的应用程序比您想象的更容易！
Redwood 的声明式数据获取和简单的表单提交功能构建在 RSC + Server Actions 之上，并简化了常见用例，让您可以专注于用户的体验。创建最佳、最响应迅速的用户界面需要考虑代码是在服务器还是客户端执行。Redwood 通过利用 React Server Components 的强大功能，让您轻松选择代码的最佳执行上下文。

整个框架都是用 TypeScript 构建的，因此您可以获得从路由器到数据库以及其间任何地方的类型安全。如果您更喜欢使用 JavaScript 构建应用程序，也可以这样做，并且仍然可以在您喜欢的编辑器中享受出色的代码完成功能。

尝试大角羊：虽然大角羊尚未发布生产版本，但我们确实以 Canaries 版本发布最新代码，并欢迎您试用！熟悉这些 Canaries 版本的最佳方法是关注Redwood 博客。

阿拉帕霍时代 (当前稳定版本)

Redwood 是一个有主见的、全栈的 JavaScript/TypeScript Web 应用程序框架，旨在帮助您在应用从副项目发展到初创公司的过程中保持快速前进。

在最高层面，Redwood 应用是一个与自定义 GraphQL API 通信的 React 前端。该 API 使用 Prisma 操作数据库。开箱即用，您可以获得与 Jest 紧密集成的测试、使用 Pino 进行日志记录以及使用 Storybook 的 UI 组件目录。设置身份验证（如 Auth0）或 CSS 框架（如 Tailwind CSS）只需一个命令行调用即可。最重要的是，Redwood 的架构允许您部署到无服务器提供商（例如 Netlify、Vercel）或传统的服务器和容器提供商（例如 AWS、Render），两者之间几乎不需要代码更改！

通过为您做出许多决策，Redwood 让您可以专注于应用程序的独特之处，而不是浪费时间选择和重新选择各种技术和配置。此外，由于 Redwood 是一个完善的框架，您可以随着时间的推移以最小的努力受益于持续的性能和功能升级。

教程：了解 Redwood 的最佳方式是通读详细的Redwood 教程。玩得开心！

快速入门：您只需几个命令即可在您的机器上安装并运行一个全栈 Redwood 应用程序。查看快速入门指南以开始使用。

文档：访问完整的RedwoodJS 文档以获取详细的参考文档和指南。

关于

Redwood 是由 Tom Preston-Werner 发起的最新开源项目，他是 GitHub（全球最流行的代码托管平台）的联合创始人，Jekyll（最早、最流行的静态网站生成器之一）的创建者，Gravatar（全球最流行的头像服务）的创建者，语义化版本规范（推动 Node 打包生态系统）的作者，以及 TOML（一个显而易见、最小化的配置语言，被许多项目使用）的发明者。

技术栈

我们痴迷于开发者体验，并尽可能消除样板代码。对于现有库能优雅解决我们问题的地方，我们使用它们；不能的地方，我们编写自己的解决方案。最终结果是让您爱不释手的 JavaScript 开发体验！

以下是标准 Redwood 应用程序将使用的一些技术概览

如果您想使用我们可选的内置 GraphQL API 支持，以下是我们的技术栈

路线图

像 Redwood 这样的框架有很多组成部分；路线图是了解框架当前状态与我们期望状态的绝佳方式。而且由于我们链接到所有 GitHub 项目看板，这也是参与进来的绝佳方式！路线图

为什么叫做 Redwood？

（一段历史，由 Tom Preston-Werner 讲述）

我住在北加州，那里有一种树叫做红杉（redwood）。红杉非常巨大，是世界上最高的树，有些高达 115 米（380 英尺）。现存最古老的红杉树是在令人惊叹的 3200 年前从地面发芽生长的。站在它们中间是一种超然的体验。有时，当我需要思考或进行创作时，我会前往我最喜欢的红杉林，漫步在这些巨树之间，沉浸在它们宁静的宏伟之中。

此外，红杉还有一些特性，我认为可以作为我这个新兴 Web 应用框架的愿景。具体来说