React Server Components (RSC) Notas de demonstração / playground sem uma estrutura
- Veja os componentes do servidor ao vivo (RSC) Notas Demo / Playground
- Leia a postagem do blog React Server Components, sem uma estrutura
Isenção de responsabilidade
Observe que ainda não há absolutamente nada de ideal na implementação a seguir, é propositalmente ingênua, incompleta e é destinada a fins de aprendizagem e demonstração.
Objetivos
- Um aplicativo React Notes um tanto funcional (listando, criando, editando e excluindo notas com um título de texto e conteúdo de marcação)
- Componentes do servidor React usados juntamente com os componentes do cliente
- algum tipo de renderização do lado do servidor
- algum tipo de busca de dados usando componentes do servidor
- roteamento que funciona um pouco tanto no cliente quanto no servidor
- Componentes de servidor refrescantes do cliente
- um playground utilizável RSC
- acima de tudo: aprenda
Começando
Desenvolvido no Node.js v18.18.1 + npm v9.8.1
-
git clone este repositório -
npm ci
Ambiente de desenvolvimento
- Inicie um processo do WebPack, observando alterações em
./src e saída de arquivos construídos para ./dist - Inicie um servidor HTTP Node.js (com o Fastify) em http: // localhost: 3000, observando alterações em
./server , ./src & ./dist com nodemon
Prod Ambiente
Execute o WebPack Build e inicie o servidor Node.js HTTP, para produção.
Principais dependências
- Webpack Bundler
- Babel JavaScript Compiler, para transpiliar a sintaxe JSX
- Fastify para o servidor web http
- A-ROUT
Misc
- Criado por Timothée "Tim" Pillard @tpillard no Twitter
- "React Server Components, sem uma estrutura" anúncio de postagem no blog no Twitter
- Com base no aplicativo React Notes
