React Conf 2025 (Jour 1)

La semaine dernière a eu lieu la conférence React 2025.

La première journée était principalement consacrée à des sujets liés à React.

• React Keynote

  • Annonce de React 19.1 (Owner Stacks), 19.2 (Activity/useEffectEvent/Partial Pre-rendering) et Canary (View Transitions)
  • Lancement officiel de React Compiler 1.0, avec mémoïsation automatique et analyse de code
  • Création de la React Foundation, marquant le début d'une gouvernance centrée sur la communauté

• View Transitions and Activity

  • Avec <Activity />, bascule entre les états visible/hidden sans lift-up de state, avec conservation automatique du state
  • Avec <ViewTransition />, mise en place d'animations déclaratives même dans les Server Components
  • Gestion de l'état de l'UI et des animations de manière composable et déclarative

• Profiling with React Performance Tracks

  • À partir de React 19.2, prise en charge de la visualisation de la timeline des opérations React dans Chrome DevTools
  • Identification des goulets d'étranglement via les tracks Scheduler/Components/Server Components
  • Ajout d'un panneau Suspense pour visualiser l'état des boundaries Suspense (sortie prévue fin 2025)

• In case you missed the memo

  • Sanity Studio mémoïse plus de 1�000 composants avec React Compiler, avec un gain moyen de performances de 20 à 30 %
  • Possibilité d'optimisations fines (abonnement conditionnel au context, branch memoization) et de détection de bugs
  • Recommandation d'adoption immédiate pour se concentrer sur « Make it work » sans se soucier de la mémoïsation

• Async React

  • Transitions, Suspense et Server Components constituent une nouvelle architecture pour créer des applications asynchrones
  • Suspense, le router et le caching permettent d'éliminer les clignotements des loading states
  • Coordination entre data fetching et mise à jour de l'UI grâce à l'intégration de startTransition et des animations

• React and AI

  • Meta utilise l'IA pour corriger des bugs et explorer le code, avec injection de contexte via des règles LLM
  • Accent mis sur l'identification du bon contexte, avec l'IA utilisée comme partenaire de pair programming
  • L'API stable de React sert de base à la création d'outils IA, avec des opportunités de reconversion vers le rôle d'AI Engineer

• Exploring React Performance

  • L'équilibre entre Data Model et Rendering Algorithm est essentiel, et React Compiler améliore les performances
  • Une approche domain-specific surpasse les algorithmes incrémentaux génériques
  • Utilisation de Transitions, Suspense, Virtualization, <Activity /> et du Data Modeling

• The invisible craft of great UX

  • De petits détails comme cliquer-glisser-relâcher, les popovers selon l'OS ou le délai des tooltips ont un fort impact sur l'UX
  • Résolution des problèmes en interprétant l'intention utilisateur plutôt que les événements DOM, avec verrouillage/téléportation instantanée du curseur de scrub
  • Amélioration des performances en réutilisant plusieurs popovers sous la forme d'un seul élément (300 → 1)

• Building an MCP Server for a React Component

  • MCP est un standard open source reliant l'IA à des systèmes externes, avec une approche standardisée comparable à l'USB-C
  • AG Grid intègre 360�000 documents et les stocke dans Postgres pour fournir un contexte précis au LLM
  • Prise en charge de la recherche documentaire et de la génération rapide de composants via Prompts/Resources/Tools

• Why React Native apps make all the money

  • React Native affiche d'excellents résultats en taux de conversion payant, revenus par installation et LTV
  • Le développement cross-platform permet un lancement plus rapide et une stratégie de monétisation cohérente
  • Le SDK RevenueCat facilite la monétisation avec paywalls, analytics et expérimentations tarifaires

• Modern emails using React

  • Le développement d'e-mails est difficile à cause du support incomplet de certaines propriétés CSS et des différences de rendu selon les clients
  • React Email prend en charge la création basée sur des composants, les tests de compatibilité et la vérification des liens
  • Conversion en HTML via la fonction Render, avec utilisation de l'API Resend par de grandes entreprises

• React team Q&A

  • React Compiler peut être adopté en toute sécurité si les Rules of React sont respectées, et le nouveau code n'a pas besoin de useMemo/useCallback
  • L'IA est utilisée comme partenaire de pair programming, et les compétences en conception d'architecture sont importantes
  • La React Foundation vise à réduire le rôle de Meta sur 5 ans, à élargir la communauté et à encourager une atmosphère bienveillante

[nayounsang1]

Merci.

[soaple]

Merci !

[bluekai17]

Les nouveautés de la mise à jour de React Native 0.82 semblent aussi assez importantes.

[soaple]

Oui, c’est bien ça haha

La plupart des présentations liées à React Native ayant eu lieu le deuxième jour, le contenu des présentations du deuxième jour ci-dessous devrait vous être utile !

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

[addons]

Merci, c'était très intéressant !

[soaple]

Merci !

[soaple]

Comme la présentation est assez longue, si vous voulez en connaître tout le contenu, je pense qu’il vaut mieux consulter l’article dans le lien.

Je publierai aussi bientôt un récapitulatif des présentations du deuxième jour !