rakkasjs

由Vite驱动的出血 - 边缘反应框架

阅读指南|尝试使用CODESANDBOX |尝试使用Stackblitz

---

Rakkas是由Vite驱动的出血边缘全栈React框架。您可以将其视为Next.js，Remix或Gatsby的新兴替代品。

• 在不和谐上聊天
• 在Twitter上关注

重要特征是：

• ⚡闪电快速开发服务器
• 悬疑流式SSR
• ？动态渲染（机器人的完整静态页面，浏览器流式传输）
• 无api data提取系统
• 支持无服务器和工人环境
• ？静态站点生成
• ？灵活的文件系统路由器
• 具有中间件支持的API路线

Rakkas适合您吗？

• 尽管已经实施了许多功能，但Rakkas仍处于重大发展。它使用React和Vite的实验和/或β功能。次要版本将引入破坏变化，直到我们达到1.0。因此，它尚未准备好生产使用。如果您需要稳定的React框架，请尝试Next.js，Remix或Gatsby。
• Rakkas是相当有用的。如果您需要更多的灵活性，请尝试Vite-SSR-Plugin。

入门

请参阅您的浏览器中的Rakkas：

• codesandbox
• Stackblitz

要生成Rakkas应用程序样板，请使用以下命令之一：

npx create-rakkas-app@latest my-rakkas-app
# or
pnpm create rakkas-app my-rakkas-app
# or
yarn create rakkas-app my-rakkas-app

create-rakkas-app项目初始化器具有许多功能，所有功能都是可选的，但我们强烈建议您在第一次尝试中启用打字稿并生成演示项目，因为自我文献类型的类型定义可以使学习曲线更平滑，并且演示源源代码包含大量注释。

？如果您喜欢手动设置，则可以安装以下软件包：

npm install --save react react-dom
npm install --save-dev vite rakkasjs

然后创建一个src/routes/index.page.jsx文件：

 export default function HomePage ( ) {
  return < h1 > Hello world! </ h1 > ;
}

现在您可以：

• 使用npx rakkas启动开发服务器
• 使用npx rakkas build
• 使用node dist/server/index.js启动

学分

• FatihAygün和贡献者，根据MIT许可证。
• logomark：在Creative Commons属性通用许可（CCBY）下，名词项目的GZZ的“ Flamenco”（不关联）
• CLI的一部分基于Yuxi（Evan）您（不关联）和Vite贡献者（未关联）的Vite CLI，根据MIT许可使用。
• 已发布的NPM软件包捆绑了以下软件：
  • @brillout/json-serializer撰写的Romuald Brillout（不关联），根据MIT许可使用。
  • Brian Vaughn（不关联），根据MIT许可使用的react-error-boundary
  • @microsoft/fetch-event-source由Microsoft Corporation（未关联），根据MIT许可

贡献者

版本历史记录

0.7.0（使用rakkasjs@next ）

• 用自定义组件替换react-helmet-async （将捆绑尺寸降低17KB）

0.6.0

• 反应18
  • 并发模式
  • 流SSR
  • 数据获取的悬念
• Vite 3
  • ESM SSR构建（ "type": "module" ）
  • 改善的冷启动
• 全新的数据提取系统
  • react-query -Inspired useQuery和useMutation
  • 混音为灵感的动作处理程序
  • 使用useServerSideQuery获取无api的数据
  • 无瀑布preload功能
  • 混音为灵感的表单操作人员
• 哈蒂普
  • 基于网络标准的HTTP处理
  • Vercel Edge，NetLify Edge和Deno/DeNo部署的适配器
  • 明确集成
• 路由改进
  • 路线警卫
  • 捕捉所有路线
  • 更简单的404处理
• 各种各样的
  • 响应标头定制
  • 共享的ESLINT配置

0.5.0

• 无服务器支持（Vercel，Netlify，Cloudflare工人）
• 改进的客户端导航
• 改进了Ssrromuald Brillout
• 部分预渲染
• 仅限客户页面
• 可本质的URL
• Cache-control标头设置

0.4.0

• 静态站点生成
• 切换到自动jsx运行时
• 集成示例（Apollo GraphQL，样式组件，MDX，尾风CSS）
• 项目生成器中的更多选项
• 许多次要功能和修复
• 大量扩展的文档