Vídeos do React

React Conf 2024

At React Conf 2024, Meta CTO Andrew “Boz” Bosworth shared a welcome message to kick off the conference:

React 19 Keynote

In the Day 1 keynote, we shared vision for React starting with React 19 and the React Compiler. Watch the full keynote from Joe Savona, Lauren Tan, Andrew Clark, Josh Story, Sathya Gunasekaran, and Mofei Zhang:

React Unpacked: A Roadmap to React 19

React 19 introduced new features including Actions, use(), useOptimistic and more. For a deep dive on using new features in React 19, see Sam Selikoff’s talk:

What’s New in React 19

Lydia Hallie gave a visual deep dive of React 19’s new features:

React 19 Deep Dive: Coordinating HTML

Josh Story provided a deep dive on the document and resource streaming APIs in React 19:

React for Two Computers

Dan Abramov imagined an alternate history where React started server-first:

Forget About Memo

Lauren Tan gave a talk on using the React Compiler in practice:

React Compiler Deep Dive

Sathya Gunasekaran and Mofei Zhang provided a deep dive on how the React Compiler works:

And more…

We also heard talks from the community on Server Components:

• Enhancing Forms with React Server Components by Aurora Walberg Scharff
• And Now You Understand React Server Components by Kent C. Dodds
• Real-time Server Components by Sunil Pai

Talks from React frameworks using new features:

• Vanilla React by Ryan Florence
• React Rhythm & Blues by Lee Robinson
• RedwoodJS, now with React Server Components by Amy Dutton
• Introducing Universal React Server Components in Expo Router by Evan Bacon

And Q&As with the React and React Native teams:

• React Q&A hosted by Michael Chan
• React Native Q&A hosted by Jamon Holmgren

You can watch all of the talks at React Conf 2024 at conf2024.react.dev.

React Conf 2021

React 18 Keynote

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

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

React 18 para Desenvolvedores de Aplicativos

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

Streaming Server Rendering com Suspense

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

A renderização streaming do servidor permite que você gere HTML a partir 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 um mergulho profundo, veja a palestra de Shaundai Person aqui:

The first React working group

Para o React 18, criamos nosso primeiro Grupo de Trabalho para colaborar com um painel de especialistas, desenvolvedores, mantenedores de biblioteca 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:

React Developer Tooling

Para dar suporte aos 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 mais informações e uma demonstração dos novos recursos do DevTools, veja a palestra de Brian Vaughn:

React without memo

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

React docs keynote

Rachel Nabors iniciou uma seção de palestras sobre aprendizado e design com React com uma palestra sobre nosso investimento nos novos docs do React (agora enviados como react.dev):

And more…

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

• Debbie O’Brien: Things I learnt from the new React docs.
• Sarah Rainsberger: Learning in the Browser.
• Linton Ye: The ROI of Designing with React.
• Delba de Oliveira: Interactive playgrounds with React.

Palestras das equipes Relay, React Native e PyTorch:

• Robert Balicki: Re-introducing Relay.
• Eric Rozell and Steven Moyes: React Native Desktop.
• Roman Rädle: On-device Machine Learning for React Native

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

• Daishi Kato: React 18 for External Store Libraries.
• Diego Haz: Building Accessible Components in React 18.
• Tafu Nakazaki: Accessible Japanese Form Components with React.
• Lyle Troxell: UI tools for artists.
• Helen Lin: Hydrogen + React 18.

Vídeos mais antigos

React Conf 2019

Uma lista de reprodução de vídeos da React Conf 2019.

React Conf 2018

Uma lista de reprodução de vídeos da React Conf 2018.

React.js Conf 2017

Uma lista de reprodução de vídeos da React.js Conf 2017.

React.js Conf 2016

Uma lista de reprodução de vídeos da React.js Conf 2016.

React.js Conf 2015

Uma lista de reprodução de vídeos da React.js Conf 2015.

Rethinking Best Practices

A palestra de Pete Hunt na JSConf EU 2013 aborda três tópicos: descartar a noção de templates e construir visões com JavaScript, “reatualizar” todo o seu aplicativo quando seus dados mudam e uma implementação leve do DOM e eventos - (2013 - 0h30m).

Introdução ao React

Tom Occhino e Jordan Walke apresentam o React no Facebook Seattle - (2013 - 1h20m).