Workshop
React Server Components
Nível
18 aulas
2h15
Assistir agora
1. Apresentação - Server Components
Sobre o Workshop
Em 2023 vemos os React Server Components tomarem vida com o lançamento do NextJS 13. Essa é mais uma - nova - forma de renderizar aplicações React. Nesse Workshop vamos mergulhar nas principais formas de renderização de uma aplicação React:
- CSR - Client Side Rendering
- SSG - Static Site Generation
- ISR - Incremental Static Regeneration
- SSR - Server Side Rendering
- RSC - React Server Components
Também vamos falar das principais métricas que são afetadas pelas diferentes estratégias de renderização:
- Time to First Byte
- First Contentful Paint
- Largest Contentful Paint
- Time to Interactive
- Cumulative Layout Shift
E é claro, vamos demonstrar as vantagens, limitações e as razões pelas quais você deve já entender como é que essa nova forma de escrever React funciona.
Seu Instrutor
Aulas
- Introdução
- 1.
Apresentação - Server Components
06:23 - 2.
Métricas de Performance na Web
11:33 - Formas de Renderizar React
- 3.
Diferentes estratégias para renderizar React
02:49 Client Side Rendering - CSR
09:13Client Side Rendering - Prática
05:00Static Site Generation - SSG
08:17SPA e MPA vs CSR e SSR
04:30Static Site Generation - Prática
15:26SSG com Incremental Static Regeneration
03:50Server Side Rendering - SSR
11:03Server Side Rendering - Prática
05:55O que é Hydration no React
12:44- React Server Components
- 13.
React Server Components - Intro
05:47 Exemplo de um Blog
04:20Exemplo em Server Components
06:14Limitações e Possibilidades dos RSC
02:35Prática - Implementando Server Components
19:38Finalização - Server Components
00:16