หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

React Server Components (RSC) หมายเหตุการสาธิตแอป / สนามเด็กเล่นโดยไม่มีเฟรมเวิร์ก

ภาพหน้าจอของ RSC Notes App Demo / Playground

  • ดูการสาธิตแอป / สนามเด็กเล่น Live Server Components (RSC)
  • อ่านส่วนประกอบของบล็อกโพสต์ตอบสนองเซิร์ฟเวอร์โดยไม่มีเฟรมเวิร์ก

คำเตือน

โปรดทราบว่ายังไม่มีอะไรที่ดีที่สุดเกี่ยวกับการใช้งานต่อไปนี้ แต่มันก็ไร้เดียงสาไม่สมบูรณ์และมีวัตถุประสงค์เพื่อการเรียนรู้และการสาธิต

วัตถุประสงค์

  • แอป Notes React ที่ใช้งานได้ค่อนข้างใช้งาน
  • ส่วนประกอบของเซิร์ฟเวอร์ตอบสนองที่ใช้ควบคู่ไปกับส่วนประกอบไคลเอ็นต์
  • การเรนเดอร์ฝั่งเซิร์ฟเวอร์บางประเภท
  • การดึงข้อมูลบางประเภทโดยใช้ส่วนประกอบเซิร์ฟเวอร์
  • การกำหนดเส้นทางที่ค่อนข้างใช้งานได้ทั้งในไคลเอนต์และบนเซิร์ฟเวอร์
  • ส่วนประกอบเซิร์ฟเวอร์รีเฟรชจากไคลเอนต์
  • สนามเด็กเล่น RSC ที่ใช้งานได้
  • เหนือสิ่งอื่นใด: เรียนรู้

เริ่มต้น

พัฒนาบน node.js v18.18.1 + npm v9.8.1

  • git clone ที่เก็บนี้
  • npm ci

สภาพแวดล้อมการพัฒนา

  • เริ่มกระบวนการ webpack ดูการเปลี่ยนแปลงใน ./src และส่งออกไฟล์ที่สร้างขึ้นไปที่ ./dist
  • เริ่มต้นเซิร์ฟเวอร์ http node.js (พร้อม fastify) ที่ http: // localhost: 3000, ดูการเปลี่ยนแปลงใน ./server , ./src & ./dist กับ nodemon 
 npm run dev

สภาพแวดล้อม

เรียกใช้ WebPack Build & Start Node.js Http Server สำหรับการผลิต 

 npm run build
npm start

การพึ่งพาหลัก

  • Webpack Bundler
  • คอมไพเลอร์ Babel JavaScript สำหรับ Transpiling JSX ไวยากรณ์
  • Fadify สำหรับเว็บเซิร์ฟเวอร์ HTTP
  • A-Route ไลบรารีการกำหนดเส้นทาง JavaScript / DOM น้อยที่สุดใช้ประโยชน์จากองค์ประกอบที่กำหนดเอง

ผิด

  • สร้างโดยTimothée“ Tim” Pillard @tpillard บน Twitter
  • การโพสต์บล็อก "React Server โดยไม่มีกรอบ" ประกาศโพสต์บล็อกบน Twitter
  • ขึ้นอยู่กับแอป React Notes
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด