rsc demo

React Servidor Components (RSC) Notas Aplicación Demo / Playground sin un marco

• Consulte la aplicación de la aplicación de notas del servidor en vivo (RSC) / Playground
• Lea la publicación de blog React Components, sin un marco.

Descargo de responsabilidad

Tenga en cuenta que no hay absolutamente nada óptimo sobre la siguiente implementación hasta el momento, es deliberadamente ingenuo, incompleto y está destinado a fines de aprendizaje y demostración.

Objetivos

• Una aplicación React Notes algo funcional (listado, creación, edición y eliminación de notas con un título de texto y contenido de Markdown)
• Los componentes del servidor React utilizados junto con los componentes del cliente
• algún tipo de representación del lado del servidor
• algún tipo de recolección de datos utilizando componentes del servidor
• enrutamiento que algo funciona tanto en el cliente como en el servidor
• Componentes del servidor refrescantes del cliente
• un patio de recreo RSC utilizable
• Por encima de todo: aprender

Empezando

Desarrollado en node.js v18.18.1 + npm v9.8.1

• git clone Este repositorio
• npm ci

Entorno

• Inicie un proceso de Webpack, esté atento a los cambios en ./src y emitiendo archivos creados a ./dist
• Inicie un servidor node.js http (con fastify) en http: // localhost: 3000, observando cambios en ./server , ./src & ./dist con nodemon

 npm run dev

Ambiente de prods

Ejecute el webpack construir e iniciar el servidor node.js http, para la producción.

 npm run build
npm start

Dependencias principales

• Webpack Bundler
• Compilador de Babel JavaScript, para la transpección de sintaxis JSX
• Fastify para el servidor web HTTP
• A-Rute extremadamente mínimo JavaScript / DOM Routing Library aprovechando elementos personalizados

Maga

• Creado por Timothée "Tim" Pillard @tpillard en Twitter
• Anuncio de la publicación de blog "React Server del servidor, sin un marco" en Twitter
• Basado en la aplicación React Notes