ดาวน์โหลด rakkasjs - ดาวน์โหลดซอร์สโค้ด rakkasjs

rakkasjs

โค้ดแหล่งที่มา AI

0.6.3

ดาวน์โหลด

กรอบปฏิกิริยาที่มีเลือดออก

อ่านคู่มือ | ลองใช้ codesandbox | ลองใช้ stackblitz

Rakkas เป็นเฟรมเวิร์ก React Full-Stack ที่มีเลือดออกซึ่งขับเคลื่อนโดย Vite คุณสามารถพิจารณาเป็นทางเลือกที่กำลังจะมาถึงสำหรับ Next.js, Remix หรือ Gatsby

แชทบน Discord
ติดตามบน Twitter

คุณสมบัติที่สำคัญคือ:

⚡เซิร์ฟเวอร์การพัฒนาอย่างรวดเร็วของสายฟ้า
สตรีมมิ่ง SSR ด้วยความสงสัย
- การเรนเดอร์แบบไดนามิก (หน้าคงที่เต็มสำหรับบอทสตรีมมิ่งสำหรับเบราว์เซอร์)
ระบบการดึงข้อมูล API-Less
รองรับสภาพแวดล้อมที่ไม่มีเซิร์ฟเวอร์และผู้ปฏิบัติงาน
- การสร้างไซต์คงที่
- เราเตอร์ระบบไฟล์ที่ยืดหยุ่น
เส้นทาง API พร้อมรองรับมิดเดิลแวร์

Rakkas เหมาะกับคุณหรือไม่?

แม้ว่าจะมีการใช้งานคุณสมบัติมากมาย แต่ Rakkas ก็ยังอยู่ระหว่างการพัฒนาอย่างหนัก มันใช้ คุณสมบัติการทดลองและ/หรือเบต้า ของ React และ VITE รุ่นรองจะแนะนำการเปลี่ยนแปลงที่แตกหักจนกว่าเราจะตี 1.0 เช่นนี้ ยังไม่พร้อมสำหรับการใช้งานการผลิต หากคุณต้องการเฟรมเวิร์กปฏิกิริยาที่เสถียรให้ลอง next.js, remix หรือ gatsby
Rakkas มีความเห็นค่อนข้างเป็นธรรม หากคุณต้องการความยืดหยุ่นมากขึ้นลองใช้ Vite-SSR-Plugin

เริ่มต้น

ดู Rakkas ในการดำเนินการในเบราว์เซอร์ของคุณ:
รหัสและกล่อง
สแต็คบลิทซ์

ในการสร้างแอปพลิเคชันหม้อไอน้ำ 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 Project Initializer มาพร้อมกับคุณสมบัติหลายอย่างซึ่งทั้งหมดเป็นทางเลือก แต่เราขอแนะนำอย่างยิ่งให้เปิดใช้งาน TypeScript และการสร้างโครงการสาธิตในการลองครั้งแรกของคุณเนื่องจากคำจำกัดความประเภทเอกสารด้วยตนเองช่วยให้เส้นโค้งการเรียนรู้ที่ราบรื่นขึ้นและรหัสแหล่งข้อมูลการสาธิตมาพร้อมกับความคิดเห็นมากมาย

- หากคุณต้องการการตั้งค่าด้วยตนเองคุณสามารถติดตั้งแพ็คเกจต่อไปนี้:
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

การให้เครดิต

Fatih Aygünและผู้สนับสนุนภายใต้ใบอนุญาต MIT
LOGOMARK:“ Flamenco” โดย GZZ จากโครงการคำนาม (ไม่ใช่พันธมิตร) ภายใต้ Creative Commons Attribution License ทั่วไป (CCBY)
บางส่วนของ CLI ขึ้นอยู่กับ Vite CLI โดย Yuxi (Evan) คุณ (ไม่เกี่ยวข้อง) และผู้มีส่วนร่วม VITE (ไม่ใช่พันธมิตร) ใช้ภายใต้ใบอนุญาต MIT
เผยแพร่แพ็คเกจ NPM ที่เผยแพร่ซอฟต์แวร์ต่อไปนี้:
- @brillout/json-serializer โดย Romuald Brillout (ไม่เกี่ยวข้อง) ใช้ภายใต้ใบอนุญาต MIT
- react-error-boundary โดย Brian Vaughn (ไม่ใช่พันธมิตร) ใช้ภายใต้ใบอนุญาต MIT
- @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 Build ( "type": "module" )
- เริ่มต้นความเย็นเริ่มต้น
ระบบการดึงข้อมูลใหม่เอี่ยม
- react-query -enspired useQuery และ useMutation
- ตัวจัดการแอ็คชั่นที่ได้รับแรงบันดาลใจจากรีมิกซ์
- ข้อมูลที่ไม่ค่อยดีขึ้นพร้อมกับ useServerSideQuery
- ฟังก์ชั่น preload ที่ไม่มีน้ำตก
- ตัวจัดการแอ็คชั่นฟอร์มที่ได้รับแรงบันดาลใจจากการเรียบเรียง
หมวก
- การจัดการ http ตามมาตรฐานเว็บ
- อะแดปเตอร์สำหรับ Vercel Edge, Netlify Edge และ Deno/Deno ปรับใช้
- การบูรณาการด่วน
การปรับปรุงการกำหนดเส้นทาง
- ผู้คุมเส้นทาง
- เส้นทางจับทั้งหมด
- การจัดการ 404 ง่ายกว่า
เบ็ดเตล็ด
- การปรับแต่งส่วนหัวการตอบกลับ
- การกำหนดค่า ESLINT ที่ใช้ร่วมกัน