8 pontos por opnayn 2023-05-08 | 3 comentários | Compartilhar no WhatsApp
  • App Router (Stable)
  • Turbopack (Beta)
    • O Turbopack adicionado na versão 13 passou para a fase Beta
    • Para estabilização e coleta de feedback, está sendo feito dogfooding no Vercel.com e com clientes da Vercel que operam o Next.js em larga escala
  • Server Actions (Alpha)
    • No ecossistema React, há muitas opiniões sobre gerenciamento de estado de formulários
    • A documentação oficial do React recomenda "uncontrolled components"
    • Foi adicionada ao servidor do Next.js a capacidade de atribuir funções de ação a formulários (Server Actions)
    • Em componentes de servidor, é possível atribuir uma função por meio da prop action do formulário
    • Essa função opera como uma função de servidor ao escrever 'use server';
    • Também é possível usar funções de servidor para navegação de página, cache etc. por meio do pacote next

3 comentários

 
woohm402 2023-05-08

A documentação oficial do React não recomenda componentes controlados?

 
carrotfarm 2023-05-08

Se for com componentes controlados, é preciso usar script,
e para isso tem que transformar em componente de cliente, mas aí se perde em coisas como cache.

Pelo que entendi, a server action adicionada desta vez permite declarar 'use server' em uma função dentro do componente,
então parece que dá para usar isso em mutações mantendo o componente de servidor.

Nesta versão do Next.js, ao que tudo indica, a estratégia geral busca minimizar o uso de scripts,
e quanto mais olho, mais ela parece com o Remix.

Essa mistura de código de servidor e código de cliente
me lembra o velho PHP.

 
opnayn 2023-05-08

Minha tradução ficou estranha por falta de habilidade e acabei fazendo uma adaptação exagerada. O texto original é o primeiro parágrafo de Server Actions.

O ecossistema React tem visto muita inovação e exploração de ideias em torno de formulários, gerenciamento do estado de formulários, além de cache, revalidação e atualização de dados. Com o tempo, o React passou a adotar posições mais definidas sobre alguns desses padrões. Por exemplo, recomendando “componentes não controlados” para o estado de formulários.