React Conf 2025 (Dia 2)

Dando sequência ao artigo anterior, este é um resumo das apresentações do segundo dia da React Conf 2025.

No segundo dia, as apresentações foram focadas principalmente em React Native.

Quem quiser conferir o conteúdo completo pode consultar o texto no link!

• React Native Keynote

  • Downloads do React Native cresceram 100% (4 milhões por semana), com a ativação padrão da New Architecture na versão 0.82 e suporte experimental ao Hermes V1
  • Para convergência com a web, foram adicionados React Strict DOM e DOM APIs, com compartilhamento de casos de sucesso como Shopify e Starlink
  • Expo SDK 54, painel de desempenho reforçado no DevTools e integração nativa com Vega OS ampliam o suporte a plataformas futuras

• React Native, Amplified

  • Vega OS da Amazon: sistema operacional baseado em Linux com React Native embutido, com suporte a dispositivos como Fire TV e ganho de 30% em eficiência de recursos
  • Com React Native for Vega(@amazon-devices/react-native-kepler), é possível compartilhar bibliotecas entre apps e economizar de 10 a 12 MB de armazenamento
  • Vega Developer Tools Public Beta, suporte a portabilidade com Rock e ferramentas de IA (Amazon Q, Kiro) aceleram o desenvolvimento

• React Strict DOM

  • Para resolver a separação entre web e nativo, react-strict-dom permite construir uma única UI em React com polyfill de HTML/CSS ("Learn Once, Write Once")
  • No app Facebook VR da Meta, foi possível compartilhar 60% do código web e melhorar o desempenho nativo em 2,5x
  • Futuro: ampliação do suporte a DOM APIs para 63%, unificação de animação/estilização cross-platform e otimização para treinamento de IA

• Reimagining Lists in React Native

  • Para resolver o problema de Blanking List (conteúdo desaparecendo durante o scroll), está em teste o <VirtualView />, com controle de prioridade entre renderização síncrona e assíncrona por componente
  • Virtual Collections otimiza listas virtualizadas, separando modos visible/prerender, com documentação prevista para a versão 0.83
  • Com a New Architecture como padrão, o desempenho chega ao nível de frameworks de UI mobile, e a comunidade foi convidada a dar feedback

• React Everywhere: Bringing React Into Native Apps

  • Para superar as limitações do WebView (queda de UX e gargalos de desempenho), React Native Brownfield insere gradualmente views RN em apps nativos já existentes
  • A ferramenta rock faz o bundle de apps RN em AAR/XCFramework, e react-strict-dom/Nativewind permite compartilhar código universal
  • Ownership por uma única equipe e estratégia de migração de WebView → RN maximizam a eficiência cross-platform

• How Parcel Bundles React Server Components

  • Suporte a RSC no Parcel v2.14: integração do module graph de servidor/cliente, geração de proxy com a diretiva "use client" e preload automatizado
  • Eliminação de Network Waterfalls: dynamic import do servidor com zero latência, tratamento de side effects de CSS e otimização de code splitting
  • Implementação de RSC na camada do bundler, independente de framework, com SSR opcional para melhorar desempenho e flexibilidade

• Designing Page Transitions

  • Animações entre páginas renderizadas no servidor com a View Transitions API: <ViewTransition /> como opt-in, com crossfade padrão
  • Com Custom Link do Next.js, é possível customizar direção/elementos compartilhados e refinar a UX com motion blur/easing
  • Pseudo-elements do navegador permitem animações de imagens estáticas com alto desempenho, delegando a coordenação ao React e simplificando o desenvolvimento

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compiler por padrão, integração imediata de efeitos nativos como liquid glass e EAS Build 4x mais rápido
  • Com automação de EAS Deploy/TestFlight, deploy em 5 minutos e lançamento no App Store com um clique via Expo Launch
  • Suporte a CSS nativo (compatível com Tailwind) e demo de AI Copilot gerando um app Pokédex em 40 segundos

• The React Router take on RSC

  • Ativação de RSC via plugin do Vite, com adoção gradual em apps existentes: conversão de loader → async Server Component
  • Aplicação independente de RSC em nested routes, simplificação de form/action com Server Actions e cuidado com "use client"
  • Roteamento e carregamento de dados com type safety, além de suporte híbrido cliente-servidor para maior flexibilidade full-stack

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Framework baseado em Vite e web standards: route functions, interrupters/middleware e otimização para Cloudflare Workers
  • Streaming server-first com RSC, WebSockets em tempo real e suporte a no-JS SSR → hydration → View Transitions
  • Deploy com um único comando via pnpm release e integração com Durable Objects/DB para controle completo do documento

• TanStack Start

  • Full-stack client-first: roteamento e carregamento de dados com type safety baseados em TanStack Router, com opção de alternar SSR
  • Criação de apps via CLI, server functions/middleware, API routes baseadas em arquivos e integração com add-ons (Prisma/Neon)
  • Upgrade para full-stack mantendo o padrão SPA, com ênfase na estabilidade do ecossistema React via desenvolvimento liderado pela comunidade

• What's The Framework of the React Future?

  • Debate em painel: tendência de convergência entre Next.js (Partial Prerendering), Remix (RSC obrigatório), Expo (universal), TanStack Start (type-safe) e outros
  • Integração com IA/LLM: modelos locais, protocolo MCP e streaming SSR transformando desenvolvimento e deploy
  • Visão da React Foundation: convergência de metadados de frameworks, necessidade de signals/stores externos e controle fino de desempenho

• Async React (continued)

  • Solução para problemas de apps TODO síncronos: Transitions/Suspense/useOptimistic melhoram UX com travamentos, com animações via View Transitions
  • Padrão de action props (React 19): tratamento automático de transition/mutation e estado de carregamento embutido
  • Async React WG: padronização de router/dados/design e arquitetura async declarativa para uma UX amigável a IA e humanos