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）
• 項目生成器中的更多選項
• 許多次要功能和修復
• 大量擴展的文檔