Workshop
React Server Components
Nível
18 aulas
2h15
Assistir agora
1. Apresentação - Server Components
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.
- Diferentes estratégias para renderizar React
- Client Side Rendering - CSR
- Client Side Rendering - Prática
- Static Site Generation - SSG
- SPA e MPA vs CSR e SSR
- Static Site Generation - Prática
- SSG com Incremental Static Regeneration
- Server Side Rendering - SSR
- Server Side Rendering - Prática
- O que é Hydration no React