React Conf 2025 (Dia 1)

Na semana passada aconteceu a React Conf 2025.

No primeiro dia, as apresentações foram focadas principalmente em temas relacionados ao React.

• React Keynote

  • Anúncios do React 19.1 (Owner Stacks), 19.2 (Activity/useEffectEvent/Partial Pre-rendering) e Canary (View Transitions)
  • Lançamento oficial do React Compiler 1.0, com memoização automática e análise de código
  • Início de uma governança centrada na comunidade com a criação da React Foundation

• View Transitions and Activity

  • Com <Activity />, alternância entre estados visible/hidden sem state lift-up e com preservação automática do state
  • Com <ViewTransition />, implementação de animações declarativas até mesmo em Server Components
  • Tratamento composable e declarative do gerenciamento de estado da UI e das animações

• Profiling with React Performance Tracks

  • A partir do React 19.2, suporte à visualização da timeline de tarefas do React no Chrome DevTools
  • Identificação de gargalos de desempenho com Scheduler/Components/Server Components Track
  • Adição do Suspense Panel para visualizar o estado de boundaries do Suspense (lançamento no fim de 2025)

• In case you missed the memo

  • O Sanity Studio memoizou mais de 1.000 componentes com o React Compiler, com ganho médio de desempenho de 20% a 30%
  • Possibilidade de otimizações detalhadas (assinatura condicional de context, branch memoization) e detecção de bugs
  • Recomendação de adoção imediata para focar em "Make it work" sem se preocupar com memoização

• Async React

  • Transitions, Suspense e Server Components formam uma nova estrutura para criar apps assíncronos
  • Resolução do flicker em loading states com Suspense, router e caching
  • Coordenação entre data fetching e UI updating com integração de startTransition e animações

• React and AI

  • A Meta usa IA para correção de bugs e exploração de código, com injeção de contexto via regras de LLM
  • Foco em identificar o context correto e usar a IA como parceira de pair programming
  • A API estável do React serve de base para criar ferramentas de IA, abrindo oportunidades de transição de carreira para AI Engineer

• Exploring React Performance

  • É importante equilibrar o Data Model e o Rendering Algorithm, e o React Compiler melhora o desempenho
  • A abordagem domain-specific é superior aos algoritmos incrementais genéricos
  • Uso de Transitions, Suspense, Virtualization, <Activity /> e Data Modeling

• The invisible craft of great UX

  • Pequenos detalhes como clicar-arrastar-soltar, popovers por sistema operacional e atraso de tooltip têm grande impacto na UX
  • Em vez de eventos do DOM, interpreta-se a intenção do usuário, resolvendo problemas com fixação/teleporte instantâneo do cursor de scrub
  • Reutilização de múltiplos popovers como um único elemento para melhorar o desempenho (300→1)

• Building an MCP Server for a React Component

  • O MCP é um padrão open source de conexão entre IA e sistemas externos, oferecendo uma forma padronizada como o USB-C
  • A AG Grid incorporou 360 mil documentos e os armazenou no Postgres para fornecer contexto preciso ao LLM
  • Suporte à busca de documentos e criação rápida de componentes com Prompts/Resources/Tools

• Why React Native apps make all the money

  • O React Native apresenta desempenho superior em taxa de conversão paga, receita por instalação e LTV
  • Desenvolvimento cross-platform permite lançamentos mais rápidos e aplicação de estratégias consistentes de monetização
  • O SDK da RevenueCat facilita monetização com paywall, análise e experimentos de preço

• Modern emails using React

  • Desenvolver e-mails é difícil por causa da falta de suporte a propriedades CSS e das diferenças de renderização entre clientes
  • O React Email oferece criação baseada em componentes, testes de compatibilidade e verificação de links
  • Conversão para HTML com a função Render, já em uso por grandes empresas via Resend API

• React team Q&A

  • O React Compiler pode ser adotado com segurança ao seguir as Rules of React; em código novo, useMemo/useCallback deixam de ser necessários
  • A IA deve ser usada como parceira de pair programming, e a capacidade de projetar arquitetura é importante
  • Na React Foundation, a Meta reduzirá seu papel ao longo de 5 anos, pedindo expansão da comunidade e uma atmosfera acolhedora

[nayounsang1]

Obrigado.

[soaple]

Obrigado!

[bluekai17]

As novidades da atualização do React Native 0.82 também parecem bem significativas.

[soaple]

Sim, isso mesmo haha

Como a maioria das apresentações relacionadas a React Native aconteceu no segundo dia, acho que vai ajudar dar uma olhada no conteúdo das apresentações do segundo dia abaixo!

https://pt.news.hada.io/topic?id=23670

[addons]

Obrigado, gostei muito!

[soaple]

Obrigado!

[soaple]

Como o conteúdo da apresentação é bem longo, para quem quiser ver tudo, acho que vale a pena consultar o texto no link.

Também vou organizar e publicar em breve o conteúdo das apresentações do segundo dia!