React Server Components (RSC) CATATAN Demo Aplikasi / Playground Tanpa Kerangka
- Lihat Demo Aplikasi / Playground Aplikasi Live Server Components (RSC)
- Baca komponen server reaksi blog blog, tanpa kerangka kerja
Penafian
Harap dicatat, sama sekali tidak ada yang optimal tentang implementasi berikut, itu sengaja naif, tidak lengkap, dan dimaksudkan untuk tujuan belajar & demo.
Tujuan
- Aplikasi Notes React yang agak fungsional (daftar, membuat, mengedit & menghapus catatan dengan judul teks & konten penurunan harga)
- React Server Components Digunakan Bersama Komponen Klien
- semacam rendering sisi server
- beberapa jenis pengambilan data menggunakan komponen server
- Routing yang agak berfungsi baik di klien & di server
- komponen server yang menyegarkan dari klien
- taman bermain RSC yang dapat digunakan
- di atas segalanya: belajar
Memulai
Dikembangkan di node.js v18.18.1 + npm v9.8.1
-
git clone repositori ini -
npm ci
Lingkungan dev
- Mulai proses webpack, menonton perubahan
./src dan mengeluarkan file yang dibangun ke ./dist - Mulailah server http node.js (dengan kalibah) di http: // localhost: 3000, menonton perubahan
./server , ./src & ./dist dengan nodemon
Lingkungan Prod
Jalankan Webpack Build & mulai server HTTP Node.js, untuk produksi.
Ketergantungan utama
- Bundler Webpack
- Babel Javascript Compiler, untuk mentranspiling sintaks JSX
- Alifikasikan untuk server web http
- A-route Perpustakaan JavaScript / Dom Routing yang sangat minim
Misc
- Dibuat oleh Timothée "Tim" Pillard @tpillard di Twitter
- Komponen "React Server, tanpa kerangka kerja" Posting blog di Twitter
- Berdasarkan aplikasi React Notes
