React Conf 2025 (Jour 2)

À la suite de l’article précédent, voici un résumé des présentations du deuxième jour de la conférence React 2025.

Cette deuxième journée a principalement été consacrée à des présentations liées à React Native.

Si vous voulez le détail complet, l’article lié devrait être une bonne référence !

• React Native Keynote

  • Les téléchargements de React Native ont progressé de 100 % (4 millions par semaine), la version 0.82 active par défaut la New Architecture et prend en charge Hermes V1 à titre expérimental
  • Ajout de React Strict DOM et des DOM APIs pour la convergence avec le web, avec des retours d’expérience réussis chez Shopify, Starlink, etc.
  • Expo SDK 54, amélioration du panneau de performance des DevTools, et intégration de Vega OS pour étendre la prise en charge à de futures plateformes

• React Native, Amplified

  • Vega OS d’Amazon : un OS basé sur Linux avec React Native intégré, compatible avec des appareils comme Fire TV, pour une amélioration de 30 % de l’efficacité des ressources
  • Avec React Native for Vega (@amazon-devices/react-native-kepler), partage des bibliothèques entre applications et économie de 10 à 12 Mo de stockage
  • Vega Developer Tools en bêta publique, prise en charge du portage avec Rock, et accélération du développement grâce aux outils d’IA (Amazon Q, Kiro)

• React Strict DOM

  • Pour résoudre la rupture entre web et natif, react-strict-dom permet de construire une interface React unique via un polyfill HTML/CSS ("Learn Once, Write Once")
  • Partage réussi de 60 % du code web dans l’application VR Facebook de Meta, avec des performances natives améliorées de 2,5 fois
  • À l’avenir : extension de la prise en charge à 63 % des DOM API, unification de l’animation et du styling cross-platform, optimisation pour l’entraînement IA

• Reimagining Lists in React Native

  • Pour résoudre le problème de Blanking List (disparition du contenu lors du défilement), expérimentation de <VirtualView /> : un composant qui contrôle les priorités de rendu synchrone/asynchrone
  • Optimisation des listes virtualisées avec Virtual Collections, séparation des modes visible/prerender, documentation prévue dans la version 0.83
  • Avec la New Architecture activée par défaut, des performances au niveau des frameworks d’interface mobile, et appel aux retours de la communauté

• React Everywhere: Bringing React Into Native Apps

  • Pour dépasser les limites des WebView (UX dégradée, goulets d’étranglement côté performance), React Native Brownfield permet d’insérer progressivement des vues RN dans des applications natives existantes
  • L’outil rock permet de regrouper les applications RN en AAR/XCFramework, avec partage de code universel via react-strict-dom/Nativewind
  • Ownership par une seule équipe, stratégie de migration WebView → RN, et maximisation de l’efficacité cross-platform

• How Parcel Bundles React Server Components

  • Prise en charge de RSC dans Parcel v2.14 : intégration des graphes de modules serveur/client, génération de proxy via la directive "use client" et automatisation du preload
  • Suppression des Network Waterfalls : import dynamique serveur à latence nulle, gestion des effets de bord CSS et optimisation du code splitting
  • Implémentation de RSC au niveau du bundler, indépendante du framework, avec application sélective du SSR pour améliorer performances et flexibilité

• Designing Page Transitions

  • Animations entre pages server-rendered avec la View Transitions API : opt-in via <ViewTransition />, avec crossfade par défaut
  • Personnalisation de la direction et des éléments partagés avec le Custom Link de Next.js, pour une UX plus soignée grâce au motion blur et à l’easing
  • Animations haute performance d’images statiques via les pseudo-éléments du navigateur, avec délégation de la coordination à React pour simplifier le développement

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54 : React Compiler activé par défaut, intégration immédiate d’effets natifs comme liquid glass, et EAS Build 4 fois plus rapide
  • Déploiement en 5 minutes avec l’automatisation EAS Deploy/TestFlight, et lancement sur l’App Store en un clic avec Expo Launch
  • Prise en charge du CSS natif (compatible Tailwind), et démonstration d’un Copilot IA générant une application Pokédex en 40 secondes

• The React Router take on RSC

  • Activation de RSC via un plugin Vite, avec adoption progressive dans les applications existantes : conversion de loader → async Server Component
  • Application indépendante de RSC aux nested routes, simplification des formulaires/actions avec Server Actions, et vigilance autour de "use client"
  • Routing et chargement de données type-safe, avec prise en charge des mélanges client-serveur pour plus de flexibilité full-stack

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Framework basé sur Vite et les web standards : route functions, interrupters/middleware, et optimisation pour Cloudflare Workers
  • Streaming RSC orienté serveur, temps réel via WebSockets, prise en charge de no-JS SSR → hydration → View Transitions
  • Déploiement en une commande avec pnpm release, intégration de Durable Objects/DB, et contrôle complet du document

• TanStack Start

  • Full-stack orienté client : routing et chargement de données type-safe basés sur TanStack Router, avec possibilité d’activer ou non le SSR
  • Création d’applications via CLI, server functions/middleware, routes API basées sur les fichiers, et intégration d’add-ons (Prisma/Neon)
  • Conservation du modèle SPA tout en évoluant vers le full-stack, avec un développement piloté par la communauté qui met l’accent sur la stabilité de l’écosystème React

• What's The Framework of the React Future?

  • Discussion en panel : tendance à la convergence entre Next.js (Partial Prerendering), Remix (RSC indispensable), Expo (universel), TanStack Start (type-safe), etc.
  • Intégration de l’IA/LLM : modèles locaux, protocole MCP, et streaming SSR pour transformer développement et déploiement
  • Vision de la React Foundation : convergence autour des métas de framework, signals/stores externes, et besoin d’un contrôle fin des performances

• Async React (continued)

  • Résolution des problèmes d’une application TODO synchrone : amélioration d’une UX saccadée avec Transitions/Suspense/useOptimistic, et animations View Transitions
  • Pattern des action props (React 19) : gestion automatique des transitions/mutations, avec état de chargement intégré
  • Async React WG : standardisation du routing, des données et du design, avec une architecture async déclarative pour une UX adaptée à l’IA comme aux humains