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

Roberto Cestari

Codante.io

Materiais

Aulas

  1. Introdução
  2. 1.

    Apresentação - Server Components

    06:23
  3. 2.

    Métricas de Performance na Web

    11:33
  4. Formas de Renderizar React
  5. 3.

    Diferentes estratégias para renderizar React

    02:49

  6. Client Side Rendering - CSR

    09:13

  7. Client Side Rendering - Prática

    05:00

  8. Static Site Generation - SSG

    08:17

  9. SPA e MPA vs CSR e SSR

    04:30

  10. Static Site Generation - Prática

    15:26

  11. SSG com Incremental Static Regeneration

    03:50

  12. Server Side Rendering - SSR

    11:03

  13. Server Side Rendering - Prática

    05:55

  14. O que é Hydration no React

    12:44
  15. React Server Components
  16. 13.

    React Server Components - Intro

    05:47

  17. Exemplo de um Blog

    04:20

  18. Exemplo em Server Components

    06:14

  19. Limitações e Possibilidades dos RSC

    02:35

  20. Prática - Implementando Server Components

    19:38

  21. Finalização - Server Components

    00:16