React Server Components (RSC) Notes Application Demo / Playground sans cadre
- Voir la démo / terrain de jeu des composants du serveur en direct (RSC)
- Lisez l'article de blog React Server Composants, sans framework
Clause de non-responsabilité
Veuillez noter qu'il n'y a absolument rien d'optimale dans la mise en œuvre suivante, il est délibérément naïf, incomplet et est destiné à des fins d'apprentissage et de démonstration.
Objectifs
- Une application React Notes quelque peu fonctionnelle (listing, création, édition et supprimer des notes avec un titre de texte et un contenu de marque)
- React Server Composants utilisés aux côtés des composants clients
- une sorte de rendu côté serveur
- une sorte de titulaire de données à l'aide de composants du serveur
- routage qui fonctionne quelque peu à la fois dans le client et sur le serveur
- Composants de serveur rafraîchissant du client
- un terrain de jeu RSC utilisable
- par-dessus tout: apprendre
Commencer
Développé sur node.js v18.18.1 + npm v9.8.1
-
git clone ce référentiel -
npm ci
Environnement de développement
- Démarrez un processus WebPack, en surveillant les modifications
./src et en sortant des fichiers construits sur ./dist - Démarrez un serveur HTTP Node.js (avec Fastify) sur http: // localhost: 3000, en regardant les changements dans
./server , ./src & ./dist avec nodemon
Environnement prod
Exécutez le WebPack Build et démarrez le serveur Node.js HTTP, pour la production.
Principales dépendances
- Webpack bundler
- Babel JavaScript Compiler, pour transpiler la syntaxe JSX
- Attualisez le serveur Web HTTP
- A-Route Extrêmement minimal JavaScript / DOM Bibliothèque de routage DOM Tiration des éléments personnalisés
Mission
- Créé par Timothee «Tim» Pillard @tpillard sur Twitter
- "React Server Components, sans framework" Annonce de blog sur Twitter
- Basé sur l'application React Notes
