📨 #181: React errors, Fast JSX, Flow, React-Query, Jotai, Inline styles, RSC, Next.js, RTL, RN 3D, Orbit, Gesture Handler, Skia, NewArch Helper, TC39, ESLint, VSCode...
Salut à tous !
Cette semaine, j'ai trouvé beaucoup de PR React Core à regarder. Trop, en fait, alors j'en ai gardé quelques-uns pour la semaine prochaine !
Après la 2D avec Skia, c'est super intéressant de voir des développeurs React Native explorer l'espace 3D !
💡 Consulter cette newsletter sur Twitter - format visuel 🎨
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
Pour me soutenir:
- 😘 Recommande la newsletter! Ça m'aide vraiment beaucoup!
- 💸 Sponsorise la newsletter ou sponsorise-moi
- 🧵 Retweet le dernier thread Twitter
- 📨 Réponds à cet email
- 💬 Rejoins le chat Discord
Ne manque pas le prochain email !
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
💸 Sponsor
In-App Subscriptions Made Easy
RevenueCat gives you everything you need to monetize, analyze, and grow your app business. Effortlessly control customer access and entitlements, manage data, and experiment with pricing. See why over 30,000 apps trust RevenueCat to power their in-app purchase infrastructure.
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
⚛️ React
React Docs - Add onCaughtError / onUncaughtError, improve onRecoverableError
Récemment, l'équipe principale de React a révisé la façon dont les erreurs sont gérées dans React 19. Ces améliorations sont disponibles dans les versions canary de React 19 et devraient probablement arriver dans Next.js 14.2+ tôt ou tard. Cela inclut notamment de nouveaux callbacks d'API publiques disponibles sur React Root (createRoot
, hydrateRoot
) :
onCaughtError
🆕 signale les erreurs détectées par les périmètres d'erreur (« Error Boundaries »)onUncaughtError
🆕 signale les erreurs non capturées (logique)onRecoverableError
utilise désormais la fonctionnalité ES Error Cause pour signaler la cause initiale
Le PR lié est la documentation en cours d'élaboration pour ces nouvelles API, y compris de nombreux exemples interactifs. La principale motivation semble être de présenter un dialogue d'erreur à l'utilisateur.
Ce qui m'a le plus excité dans tout ça, c'est que c'est la première fois que je peux voir en action le tout nouveau message d'erreur d'hydratation de React affiché dans un dialogue, comme le montre la capture d'écran ci-dessus. Cela va grandement améliorer le DX de React !
![](https://thisweekinreact.com/fr/emails/separators/christmas.png)
- 💸 Get drop-in authentication for your React app using Clerk, with ready-to-use components, hooks, and helpers.
- 👀 React Core - Fast JSX: Don't clone props object : La création d'éléments JSX sous React 19 devrait devenir beaucoup plus rapide. Des changements récents dans la façon dont les clés/refs sont gérées permettent d'éviter le clonage des props. Nous créons beaucoup de nœuds JSX, donc cela devrait avoir un impact significatif !
- 👀 React Core - Remove defaultProps support (except for classes)
- 👀 React Core - Rename SECRET INTERNALS
- 🐦 TIL React can render promises and contexts as JSX nodes
- 📖 TanStack Query - new Render Optimizations guide : Il est intéressant de constater que React Query utilise le partage structurel sous le capot et s'efforce de préserver l'identité des objets au fil du temps.