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 realizada 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 principal, compartilhamos nossa visão para o futuro do React, começando com o React 18.

O React 18 adiciona o tão aguardado renderizador concorrente e atualizações para o Suspense sem nenhuma mudança drástica. Os aplicativos podem atualizar para o React 18 e começar a adotar gradualmente recursos concorrentes com o mesmo esforço de qualquer outro lançamento importante.

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

Na palestra principal, também compartilhamos nossa visão para o Suspense, Componentes do Servidor, novos grupos de trabalho do React e nossa visão de longo prazo multiplataforma para o React Native.

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

React 18 para desenvolvedores de aplicativos

Na palestra principal, também anunciamos que a versão RC do React 18 está disponível para testes agora. Com base em mais feedback, esta é a versão exata do React que publicaremos como estável no início do próximo ano.

Para experimentar a versão RC do React 18, 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 o React 18, veja a palestra de Shruti Kapoor aqui:

Renderização de servidor em streaming com Suspense

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

A renderização de servidor em streaming permite gerar HTML a partir de componentes React no servidor e transmitir 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 de forma independente, 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 detalhada, veja a palestra de Shaundai Person aqui:

O primeiro grupo de trabalho do React

Para o 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 gradual e refinar novas APIs, como useId, useSyncExternalStore e useInsertionEffect.

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

Ferramentas de Desenvolvedor React

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

Para 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 de nossa pesquisa do React Labs sobre um compilador de auto-memorização. Confira esta palestra para mais informações e uma demonstração do protótipo do compilador:

Palestra inaugural sobre documentos do React

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

E mais…

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

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

Palestras das equipes Relay, React Native e PyTorch:

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

E palestras da comunidade sobre acessibilidade, ferramentas e Componentes do Servidor:

• Daishi Kato: React 18 para Bibliotecas de Armazenamento Externas.
• Diego Haz: Construindo Componentes Acessíveis no React 18.
• Tafu Nakazaki: Componentes de Formulário Acessíveis Japoneses com o React.
• Lyle Troxell: Ferramentas de UI para artistas.
• Helen Lin: Hydrogen + React 18.

Obrigado

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

Primeiro, agradecemos 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 (黄玄).

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

Agradecemos a Lauren Tan por criar o Discord da conferência e servir como nossa administradora do Discord.

Agradecemos a Seth Webster pelo feedback sobre a direção geral e por garantir que estávamos focados em diversidade e inclusão.

Agradecemos 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.

Agradecemos 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 (黄玄).

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

Agradecemos à Vercel por publicar seu Kit de Início de Evento Virtual, com base no qual o site da conferência foi construído, e a Lee Robinson e Delba de Oliveira por compartilhar suas experiências ao conduzir a Next.js Conf.

Agradecemos a Leah Silber por compartilhar sua experiência ao realizar conferências, aprendizados ao organizar a RustConf, e por seu livro Event Driven e os conselhos que ele contém sobre como organizar conferências.

Agradecemos a Kevin Lewis e Rachel Nabors por compartilhar suas experiências ao organizar a Women of React Conf.

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

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

Agradecemos a Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman e outros da equipe de Produções de Vídeo do Facebook por gravar os vídeos para a Palestra Principal e as palestras dos funcionários da Meta.

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

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