Resumo da React Conf 2021

17 de dezembro de 2021 por Jesslyn Tannady e Rick Hanlon

Esta foi a primeira vez que a React Conf foi organizada online, e foi transmitida gratuitamente, traduzida para 8 idiomas diferentes. Participantes de todo o mundo se juntaram ao nosso Discord da conferência e ao evento de replay para acessibilidade em todos os fusos horários. Mais de 50.000 pessoas se registraram, com mais de 60.000 visualizações de 19 palestras e 5.000 participantes no Discord em ambos os eventos.

Todas as palestras estão disponíveis para transmissão online.

Aqui está um resumo do que foi compartilhado no palco:

React 18 e recursos concorrentes

Na palestra de abertura, compartilhamos nossa visão para o futuro do React, começando com o React 18.

React 18 adiciona o tão esperado renderizador concorrente e atualizações para Suspense sem grandes mudanças significativas. Os aplicativos podem fazer o upgrade para o React 18 e começar a adotar gradualmente recursos concorrentes com um volume de esforço equivalente ao de qualquer outra versão importante.

Isso significa que não há modo concorrente, apenas recursos concorrentes.

Na palestra de abertura, também compartilhamos nossa visão para Suspense, Server Components, novos grupos de trabalho do React e nossa visão de longo prazo para várias plataformas para React Native.

Assista à palestra de abertura completa de Andrew Clark, Juan Tejada, Lauren Tan e Rick Hanlon aqui:

React 18 para desenvolvedores de aplicativos

Na palestra de abertura, também anunciamos que o React 18 RC está disponível para teste agora. Aguardando mais feedback, esta é a versão exata do React que publicaremos no início do próximo ano.

Para testar o React 18 RC, atualize suas dependências:

npm install react@rc react-dom@rc

e mude para a nova API createRoot:

// antes
const container = document.getElementById('root');
ReactDOM.render(<App />, container);

// depois
const container = document.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render(<App/>);

Para uma demonstração da atualização para React 18, veja a palestra de Shruti Kapoor aqui:

Renderização de servidor de streaming com Suspense

React 18 também inclui melhorias no desempenho da renderização do lado do servidor usando Suspense.

A renderização de servidor de streaming permite que você gere HTML de componentes React no servidor e transmita esse HTML para seus usuários. No React 18, você pode usar Suspense para dividir seu aplicativo em unidades independentes menores que podem ser transmitidas independentemente umas das outras sem bloquear o restante do aplicativo. Isso significa que os usuários verão seu conteúdo mais cedo e poderão começar a interagir com ele muito mais rápido.

Para uma análise aprofundada, veja a palestra de Shaundai Person aqui:

O primeiro grupo de trabalho React

Para React 18, criamos nosso primeiro Grupo de Trabalho para colaborar com um painel de especialistas, desenvolvedores, mantenedores de bibliotecas e educadores. Juntos, trabalhamos para criar nossa estratégia de adoção gradativa e refinar novas APIs, como useId, useSyncExternalStore e useInsertionEffect.

Para uma visão geral deste trabalho, veja a palestra de Aakansha’ Doshi:

Ferramentas para desenvolvedores React

Para suportar os novos recursos desta versão, também anunciamos a recém-formada equipe React DevTools e um novo Timeline Profiler para ajudar os desenvolvedores a depurar seus aplicativos React.

Para obter mais informações e uma demonstração dos novos recursos do DevTools, veja a palestra de Brian Vaughn:

React sem memo

Olhando mais para o futuro, Xuan Huang (黄玄) compartilhou uma atualização da nossa pesquisa do React Labs sobre um compilador de memorização automática. Confira esta palestra para obter mais informações e uma demonstração do protótipo do compilador:

Palestra de abertura sobre documentos do React

Rachel Nabors deu início a uma seção de palestras sobre aprendizado e design com React com um discurso de abertura sobre nosso investimento nos novos documentos do React (agora enviados como react.dev):

E mais…

Também ouvimos palestras sobre aprendizado e design com React:

• Debbie O’Brien: Coisas que aprendi com os novos documentos do React.
• Sarah Rainsberger: Aprendendo no navegador.
• Linton Ye: O ROI do design com React.
• Delba de Oliveira: Playgrounds interativos com React.

Palestras das equipes Relay, React Native e PyTorch:

• Robert Balicki: Reintroduzindo Relay.
• Eric Rozell e Steven Moyes: React Native Desktop.
• Roman Rädle: Aprendizado de máquina no dispositivo para React Native

E palestras da comunidade sobre acessibilidade, ferramentas e Server Components:

• Daishi Kato: React 18 para bibliotecas de armazenamento externo.
• Diego Haz: Construindo componentes acessíveis em React 18.
• Tafu Nakazaki: Componentes de formulário japoneses acessíveis com React.
• Lyle Troxell: Ferramentas de UI para artistas.
• Helen Lin: Hydrogen + React 18.

Obrigado

Este foi nosso primeiro ano planejando uma conferência nós mesmos, e temos muitas pessoas para agradecer.

Primeiro, obrigado a todos os nossos palestrantes Aakansha Doshi, Andrew Clark, Brian Vaughn, Daishi Kato, Debbie O’Brien, Delba de Oliveira, Diego Haz, Eric Rozell, Helen Lin, Juan Tejada, Lauren Tan, Linton Ye, Lyle Troxell, Rachel Nabors, Rick Hanlon, Robert Balicki, Roman Rädle, Sarah Rainsberger, Shaundai Person, Shruti Kapoor, Steven Moyes, Tafu Nakazaki e Xuan Huang (黄玄).

Obrigado a todos que ajudaram a fornecer feedback sobre palestras, incluindo Andrew Clark, Dan Abramov, Dave McCabe, Eli White, Joe Savona, Lauren Tan, Rachel Nabors e Tim Yung.

Obrigado a Lauren Tan por configurar o Discord da conferência e servir como nosso administrador do Discord.

Obrigado a Seth Webster pelo feedback sobre a direção geral e por garantir que estivéssemos focados na diversidade e inclusão.

Obrigado a Rachel Nabors por liderar nosso esforço de moderação e Aisha Blake por criar nosso guia de moderação, liderar nossa equipe de moderação, treinar os tradutores e moderadores e ajudar a moderar ambos os eventos.

Obrigado aos nossos moderadores Jesslyn Tannady, Suzie Grange, Becca Bailey, Luna Wei, Joe Previte, Nicola Corti, Gijs Weterings, Claudio Procida, Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li e Xuan Huang (黄玄).

Obrigado a Manjula Dube, Sahil Mhapsekar e Vihang Patel de React India, e Jasmine Xie, QiChang Li e YanLun Li de React China por ajudar a moderar nosso evento de replay e mantê-lo envolvente para a comunidade.

Obrigado à Vercel por publicar seu Kit inicial de evento virtual, no qual o site da conferência foi construído, e a Lee Robinson e Delba de Oliveira por compartilhar suas experiências na execução da Next.js Conf.

Obrigado a Leah Silber por compartilhar sua experiência na realização de conferências, os aprendizados na execução do RustConf e por seu livro Event Driven e os conselhos que ele contém para a execução de conferências.

Obrigado a Kevin Lewis e Rachel Nabors por compartilhar suas experiências na execução da Women of React Conf.

Obrigado a Aakansha Doshi, Laurie Barth, Michael Chan e Shaundai Person por seus conselhos e ideias durante o planejamento.

Obrigado a Dan Lebowitz pela ajuda no design e construção do site da conferência e dos ingressos.

Obrigado a Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman e outros da equipe de produção de vídeo do Facebook por gravar os vídeos para o discurso de abertura e as palestras dos funcionários da Meta.

Obrigado ao nosso parceiro HitPlay por ajudar a organizar a conferência, editar todos os vídeos na transmissão, traduzir todas as palestras e moderar o Discord em vários idiomas.

Finalmente, obrigado a todos os nossos participantes por tornar esta uma ótima React Conf!