Salut à tous !

Cette semaine est calme en termes de versions, pour l'instant en tout cas !. Nous avons d'excellents articles sur React, mais aussi quelques critiques, ou des contenus qui nous suggèrent d'utiliser des solutions alternatives (Solid, Phoenix LiveView) 😅.

La React Conf commence plus tard dans la journée ! On peut s'attendre à ce que de grandes choses y soient présentées, que nous couvrirons la semaine prochaine. J'ai envoyé la newsletter un peu plus tôt aujourd'hui pour être sûr de pouvoir la regarder en direct sans pression 😄.

Le lien de diffusion en direct de la React Conf sur YouTube est déjà disponible. En regardant le programme de la conf, nous sommes particulièrement enthousiastes à propos des conférences suivantes :

• React and React Native keynotes and Q&A
• Universal React Server Components in Expo Router - Evan Bacon - Expo
• Real-time server components - Sunil Pai - PartyKit
• Spatial computing with React - Michał Pierzchała - Callstack
• Cross Platform React - Olga Zinoveva and Naman Goel - Meta

En parlant de conférences, l'U.S. React Native Conference Chain React est de retour du 17 au 19 juillet (Portland/OR). Nous nous sommes associés pour vous offrir 15% de réduction sur votre billet avec le code « TWIR ».

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

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

💸 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.

⚛️ React​

Snappy UI Optimization with useDeferredValue

Josh Comeau revient avec un excellent article de blog montrant l'utilité du hook useDeferredValue(), qui vous permet d'opter pour Concurrent React en reportant le rendu des composants coûteux à une tâche moins prioritaire. Il nous présente un problème de performance très concret auquel il était confronté et comment le hook l'a aidé à le résoudre en pratique. Pour que cela fonctionne efficacement, il est important que vous enveloppiez vos composants coûteux avec memo(). Les timelines interactives peuvent vous aider à comprendre en quoi cela est autre chose que de l'étranglement.

Why React Query?

Dominik Dorfmeister lance son cours officiel React Query, et pour l'occasion a publié la première leçon gratuitement. Il s'agit d'un excellent article interactif qui développe lentement tout ce que React Query fait pour vous, y compris la gestion des conditions de course, la déduplication des requêtes et la mise en cache. C'est vraiment très complet et ressemble plus à un "gestionnaire d'état asynchrone" qu'à une simple bibliothèque pour récupérer des données. Une lecture intéressante pour tous les développeurs React, même si vous n'utilisez pas React Query.

• 💸 NLUX ― New React library to add AI features
• 📖 React Docs - StrictMode - Fixing bugs by re-running ref callbacks in development : J'ai partagé la semaine dernière que les refs sont déclenchés deux fois dans React 19 StrictMode. C'est pour de bonnes raisons, et cette nouvelle section de la documentation explique comment cela peut éviter des bugs, notamment lorsqu'il s'agit de listes de refs.
• 📖 React Docs - Don’t use refs to prevent Effects from firing
• 👀 Next.js PR - unstable_after : Cette fonctionnalité à venir permet à l'utilisateur de programmer un callback qui sera exécuté après la fin de la requête actuelle. Cela nécessite que le runtime supporte une fonction waitUntil, une fonctionnalité que Vercel vient de livrer (que Cloudflare possédait déjà). Particulièrement utile pour la journalisation et l'analyse sans retarder la réponse.
• 🐦 Experimental Node.moveBefore() API - preserve DOM state across element moves & reparenting : Une nouvelle API impressionnante pourrait débarquer sur la plateforme web permettant à React de répartir les nœuds JSX à différents endroits sans réinitialiser l'état du DOM (voir aussi le commentaire de Sebastian Markbåge).
• 🗓 React Summit - 🇳🇱 Amsterdam - 14-18 juin - Achetez vos billets avant qu'ils ne soient épuisés. Bénéficiez d'une réduction de 10 % avec le code « TWIR ».
• 🗓 dotJS - 🇫🇷 Paris - 27 juin - Malte Ubl, Jessica Sachs, James Q Quick, et bien d'autres orateurs internationaux seront présents ! 10% de réduction avec le code « TWIR »
• 📜 Build Your Own React.js in 400 Lines of Code : L'auteur a construit un "mini-react" capable d'exécuter le tutoriel officiel de React sur le morpion, en 400 lignes, avec la prise en charge Fiber/interruption. Il explique certains des principaux algorithmes
• 📜 The Forensics Of React Server Components (RSCs) : Une immersion dans les RSC, Suspense, le streaming, le lazy loading avec de nombreux schémas utiles, des captures d'écran annotées, et des exemples de charge utile. L'accent est mis sur les performances et l'impact sur l'interface utilisateur.
• 📜 It’s not just you, Next.js is getting harder to use : Démontre qu'avec App Router, Next.js devient de plus en plus subtil et difficile à utiliser. Illustration avec la mise en cache agressive et l'impossibilité d'obtenir le nom de chemin actuel dans les RSC.
• 📜 Animating Radix Primitives with Framer Motion : Les animations de sortie sont plus difficiles à traiter correctement et nécessitent l'utilisation contrôlée de Radix en combinaison avec la prop "forceMount".
• 📜 A React Developer's Guide to Learning SolidJS : Greatly explique que le code des deux bibliothèques se ressemble, mais fonctionne fondamentalement différemment, ce qui peut vous piéger.
• 📜 Prefetching data with TanStack Query : Sur un blog avec un lien de navigation « Prochain article », vous pouvez prélever les données React Query de l'article suivant afin que la navigation soit plus rapide.
• 📜 React, Electron, and LLMs have a common purpose: the labour arbitrage theory of dev tool popularity : Curieuse lecture qui soutient que les devs utilisant des technologies populaires comme React sont des produits de base et que la management favorise cela au détriment du progrès technologique 🤷‍♂️.
• 📜 Moving from RSC to SolidStart
• 📜 Middleware in RedwoodJS + New Feature: og:image Middleware
• 📜 Apollo Client - Optimizing Data Fetching, leveraging useFragment and Colocated Fragments
• 📜 How To Integrate Stripe With React?
• 📜 Drag and Drop with React. Writing E2E tests using Playwright
• 📜 Implementing infinite scrolling with React. Writing E2E tests with Playwright
• 📦 Astro 4.8 - Astro Actions, Request Rewriting : Astro a ajouté de nouvelles fonctionnalités expérimentales, notamment la possibilité d'appeler des fonctions serveur typesafe, validées avec Zod à l'aide de JSON ou de FormData, et la prise en charge de l'amélioration progressive.
• 📦 Pigment CSS 0.0.10 : La nouvelle librairie CSS-in-JS sans runtime continue de progresser (🐦 93% des composants MUI supportent désormais les extractions CSS)
• 📦 MDXTS 1.0 - New tool for building content and documenting libraries with MDX, TypeScript, and React
• 🕹 Athena Crisis is now Open Source : Christoph Nakazawa (Jest, Metro...) a créé un jeu indie rétro complet disponible sur Steam. La base de code React-DOM est maintenant open source avec des récompenses pour les contributeurs.
• 🎥 Theo - This Release Makes Me Want To Leave React : Phoenix LiveView 1.0 RC est sorti et résout des problèmes similaires à React Server Components de manière intéressante. Les mises à jour peuvent être envoyées au client en temps réel en maintenant une connexion WebSocket au serveur. Notez qu'il y a une conférence passionnante à React Conf plus tard dans la journée sur ce sujet : Composants serveur en temps réel.
• 🎥 React Conf - YouTube live stream

💸 Sponsor​

Refine - Open source Retool Alternative

The sweet spot between the low code and traditional development for CRUD-heavy applications.

As an open-source React meta-framework designed for Enterprise applications, Refine offers a headless solution ideal for tasks like admin panels, dashboards, and internal tools.

While low-code tools may offer initial promise, they often fall short in handling complex scenarios due to scalability issues, limited customization options, and the risk of vendor lock-in.

Refine enables teams to rapidly develop production-ready apps while maintaining flexibility.

📱 React-Native​

Cette section est rédigée par Benedikt.

• 💸 React Native Analytics — Instantly measure component usage with Omlet. Use data from pre-built and custom charts to improve your codebase
• 🐦 Autolinking dependencies in React Native Community CLI just got much faster
• 🐦 Out of the top 100 Business apps in the App Store, 26 are built with React Native, 3 with Flutter, and 8 with Cordova
• 🐦 "Not a HotDog" detector app in React Native : Démonstration intéressante des processeurs de frames dans Vision Camera.
• 👀 Hermes now supports visionOS
• 🗓 App.js Conf - 🇵🇱 Kraków - 22-24 mai. Bénéficiez d'une réduction de 10 % avec le code « TWIR ».
• 📜 Scratch Card in React Native using RN Skia : Tutoriel qui inclut Skia, Reanimated et Gesture Handler.
• 📜 Set up a React Native Web Project in a Monorepo : Ce tutoriel est plus intéressant que ne le laisse supposer son titre, car la configuration inclut également Vite et Styled Components.
• 📜 Handle slow re-renders : a not so obvious solution using React DevTools and JavaScript Profiler : L'optimisation des performances est une compétence très précieuse mais qui n'est pas facile à apprendre. Il s'agit d'une introduction très détaillée sur l'utilisation des Dev Tools et de JS Profiler.
• 📜 Debunk ideas on hybrid framework : En tant que développeur RN, vous savez tout cela, je l'espère. À mon avis, il s'agit d'un très bon signet à avoir à portée de main lorsque vous rencontrez des personnes qui ont encore des idées fausses sur RN.
• 📜 React Native's New Architecture - An Overview of Performance Benchmarks : Un aperçu de New Arch et Bridgeless, suivi de quelques benchmarks de performance intéressants pour les modules natifs et les modules de vue (rendus à travers Fabric). Il est bon de voir quelques benchmarks et le code est également disponible sur GitHub.
• 📜 Dismissing keyboard in React-Native - Stop the struggle
• 📦 React-Native-Model3d - Render 3D models in visionOS apps
• 📦 Re.Pack 4.0 - Webpack for React Native - New Architecture, Metro-compatible module resolution
• 📦 React Native Video 6.0 - TypeScript, RN 0.73, notification controls, subtitles style, full-screen
• 🎙️ Rocket Ship 40 - From Next.js to React Native with Kitze
• 🎙️ The React Native Show Podcast #37 - Creating Performant React Native Animations with Catalin Miron
• 🎥 React Native Optimization Shorts - Is Flashlist Actually Better Than The Default Solution?
• 🎥 Simon Grimm - Expo SDK 51: New Packages, Router, Architecture & Template

🇫🇷 En français​

• 🇫🇷 ReactHebdo.fr - Dernières éditions traduites en français
• 📜 Comment implémenter une authentification Basic Auth dans un projet Next.js avec l'app router ?
• 📜 Qu'est-ce que sont les discriminated union types en Typescript ?
• 🎥 React 19 - Toutes les nouveautés importantes
• 🎥 5 technos pour faire des app fullstack JS
• 🎥 Création d’un Portfolio de Freelance en NextJS / React / TailwindCSS

🔀 Autre​

• 👀 CSS RFC - CSS Level Categorization - CSS4 & CSS5
• 📊 State of HTML 2023 - Survey results available
• 📜 Introducing the CSS anchor positioning API
• 📦 Chrome 125 - CSS Anchor Positioning, Compute Pressure API
• 📦 WebKit Features in Safari 17.5 - text-wrap: balance, light-dark(), @starting-style
• 📦 esbuild 0.21 - decorators
• 📦 Type Complexity Tracer - A VSCode extension to measure type complexity within a project
• 📦 Oslo - Simple auth packages for the entire JS ecosystem
• 🗓 GraphQLConf - San Francisco, 10-12 Sept - CFP is open until May 22

🤭 Fun​

A plus 👋

Salut à tous !

Nous sommes de retour après une courte pause, pour couvrir deux semaines d'actualités !

J'espère que vous vous êtes bien remis de la sortie de la version bêta de React 19 😄 Mais ce n'est pas fini, nous entrons dans une période passionnante avec React Conf, Vercel Ship, App.js et bien d'autres conférences qui se profilent à l'horizon.

Cette semaine, React patching globals a été un sujet brûlant dans l'écosystème. Nous avons également eu quelques publications intéressantes liées à React, y compris deux bibliothèques headless majeures.

Comme prévu, Expo SDK 51 est sorti, et il semble que ce soit le bon moment pour essayer la Nouvelle Architecture.

Vous cherchez une conférence d'été sur React ? Les billets pour le React Rally sont en vente (12-13 août, 🇺🇸 Utah). Nos lecteurs bénéficient d'une réduction de 10 % avec le code « TWIR ».

En parlant de réductions, Josh Comeau en offre également une pour son cours phare The Joy of React. En plus d'une réduction déjà importante, nos lecteurs bénéficient d'une réduction supplémentaire de 10 % avec le code « TWIR » !

Salut à tous !

Cette semaine, React Native est à l'honneur ! Mais il y a aussi des nouvelles intéressantes de Vercel et des PR à regarder de la part de l'équipe principale de React.

En début de semaine, j'étais à la conférence React/RN Connection à Paris. J'ai été ravi de rencontrer certains d'entre vous !

La fête parisienne n'est pas terminée. Après de nombreuses années, la grande dotJS conference est de retour à Paris le 27 juin. Ils ont déjà annoncé d'excellents intervenants, dont Mark Dalgleish, Malte Ubl, Charlie Gerard, James Q Quick, Ben Lesh... Dernières places disponibles, obtenez une réduction de 10% avec mon code « TWIR ».

En raison de la conf, je n'ai eu qu'aujourd'hui pour travailler sur la newsletter. Heureusement, mon co-auteur Benedikt a pris le relais et a fait le plus gros du travail cette semaine ! 🙏

La semaine prochaine, la newsletter fera une pause bien méritée. Nous serons de retour le 8 mai.

Salut à tous !

Cette semaine, nous avons une belle version de Next.js et de nombreux articles intéressants sur le blog de la communauté.

Nous pouvons également sentir que l'équipe principale de React travaille dur pour peaufiner les derniers détails de React 19. De manière inattendue, une v18.3 est finalement prévue avec des avertissements supplémentaires. React Native 0.74 est également sur le point d'arriver.

Cette semaine, j'aimerais vous présenter ECMAScript News. C'est ma newsletter préférée pour rester informé sur ES, TC39, l'outillage JS et les runtimes.

La semaine prochaine, nous avons les conférences React Connection et React Native Connection à Paris. Rendez-vous là-bas pour ceux qui y participent 👋. Vous pouvez encore bénéficier d'une réduction de -20% avec mon code partenaire « TWIR ».

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 🎨

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

💸 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.

⚛️ 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 !

• 💸 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.
• 📈 Docusaurus has overtaken Gatsby’s npm downloads : Il est surréaliste de constater que le framework sur lequel je travaille est désormais le deuxième framework web React le plus utilisé, juste après Next.js (loin derrière), malgré sa focalisation sur les sites web centrés sur le contenu. Cela ne devrait pas durer : Astro, Remix et Expo Web ont encore plus de potentiel de croissance.
• 🗓 React Summit - 🇳🇱 Amsterdam - 14-18 Juin - Obtenez une réduction de 10 % avec le code « TWIR ».
• 🗓 React Connection - 22 April + React-Native Connection - 23 April - 🇫🇷 Paris - 2 jours de conférences web/mobiles. Bénéficiez d'une réduction de -20% avec le code « TWIR ».
• 📜 New Flow Language Features for React : Les ingénieurs de Meta utilisent Flow (et non TypeScript). Ce billet présente les avantages des nouveaux mots-clés component, hook, et renders introduits directement dans le langage, et présente de grands avantages en termes de DX, de sécurité de type, et d'analyse statique en général. J'aurais aimé avoir ces mots-clés dans TypeScript aussi, mais comme c'est spécifique à React, il est peu probable que cela se produise à moins que cela ne profite à l'ensemble de l'écosystème JS.
• 📜 Are Inline Styles Faster than CSS? : Daniel a implémenté son site web React personnel en 3 variantes et a mesuré plusieurs choses : Taille HTML/JS, compression, Web Vitals... Étonnamment, l'utilisation de styles en ligne simples surpasse les autres techniques CSS !
• 📜 Exploring using Suspense with React Query : Il explique joliment comment vous pouvez améliorer l'UX en utilisant React Query. Crée un useSuspenseQueryDeferred pour éviter d'afficher un fallback Suspense sur les changements de clé de requête.
• 📜 React Server Components in a Nutshell : Paul prend Waku pour illustrer comment les RSC permettent des requêtes pratiques côté serveur au niveau des composants, alors que les solutions précédentes ne prenaient en charge que le niveau des routes. Il fait également une comparaison intéressante entre les requêtes statiques de Gatsby et les RSC.
• 📜 Jotai Tips : Daishi a rassemblé 20 conseils de Jotai dans un seul article.
• 📜 State machines in React : Implémente un flux assistant en construisant un automate d'état à partir de zéro.
• 📜 Server-only Code in Next.js App Router : Utilisez des packages uniquement pour le serveur et uniquement pour le client afin de s'assurer que le code s'exécute là où il doit s'exécuter.
• 📜 Next.js Forms with Server Actions : Un tutoriel utilisant Radix Form (en avant-première) pour implémenter des éléments de formulaire compatibles avec les Server Actions.
• 📜 Exploring Server Actions with Next.js : Un tutoriel montrant comment effectuer chaque opération CRUD.
• 📜 Techniques for Fetching Data - Comparing Next.js, Remix, and RedwoodJS : Revisite les anciennes techniques de récupération de données pour expliquer pourquoi RSC est meilleur.
• 📜 React 19 - Part 1: The Backstory; My journey writing a framework from scratch!
• 📜 Synchronize Backend and Frontend Types With tRPC
• 📦 Jotai Effect 1.0 - A Jōtai utility package for reactive side-effects
• 📦 Jotai 2.8 - atomWithLazy, experimental store
• 📦 react-testing-library 15.0 - requires Node 18, supports new WAI-ARIA 1.2 roles
• 📦 use-signals - An experimental React hook for TC39 signals
• 🎥 Jack Herrington - Declarative Routes for NextJS and React-Router : Jack a présenté declarative-routing, une nouvelle solution de routage sécurisée sur laquelle il travaille et qui prend en charge React Router et Next.js. Elle prend également en charge les routes API, ce qui en fait une alternative à tRPC avec un contrôle sur les API endpoints.
• 🎥 Theo - Facebook wrote a language just for React
• 🎥 James Quick - Don’t Make This Mistake with Next.js Server Components

💸 Sponsor​

Refine - Open source Retool Alternative

The sweet spot between the low code and traditional development for CRUD-heavy applications.

As an open-source React meta-framework designed for Enterprise applications, Refine offers a headless solution ideal for tasks like admin panels, dashboards, and internal tools.

While low-code tools may offer initial promise, they often fall short in handling complex scenarios due to scalability issues, limited customization options, and the risk of vendor lock-in.

Refine enables teams to rapidly develop production-ready apps while maintaining flexibility.

📱 React-Native​

Cette section est désormais co-écrite avec Benedikt

🐦 New 3D library for React Native in the works

L'une des choses les plus inspirantes dans la communauté RN est d'observer des gens comme Marc Rousavy, William Candillon et Christian Falch repousser les limites de ce qui est possible avec cette technologie et aller bien au-delà du rendu de texte et de boutons sur un écran. Avec les récentes annonces de Skia, nous avons vu l'état de l'art en matière de rendu 2D dans RN. Aujourd'hui, Marc nous a donné un aperçu de quelques avancées passionnantes en matière de rendu 3D avec RN. Apparemment, Margelo travaille sur une nouvelle bibliothèque pour permettre l'accès aux API graphiques natives (Metal/Vulkan) à partir de RN. Outre la courte vidéo de démonstration, j'ai également trouvé ce fil de discussion très intéressant, où Marc explique leur approche en utilisant une bibliothèque C++ et pourquoi ils n'ont pas choisi Three.js, qui est incroyable sur le web (React-Three-Fiber prend en charge RN).

• 💸 React Library Analytics — Omlet helps you understand which components and props to keep, remove, or improve based on real usage data.
• 🐦 VisionCamera rendering straight to Skia : Elle sera accompagnée de la Vision Camera 4, dont la sortie semble proche.
• 📣 Expo - Orbit is now available as a Preview for Windows : Si vous ne connaissez pas encore Orbit, il s'agit d'une application pratique de la barre de menu pour lancer des builds sur Simulator.
• 📣 Expo - Push notification receipt IDs will change string formats
• 📖 Gestures in RN Gesture Handler are state machines : Les documents sont désormais accompagnés d'une excellente visualisation interactive pour les comprendre.
• 🗓 App.js Conf - 🇵🇱 Kraków - 22-24 mai. Bénéficiez d'une réduction de 10 % avec le code « TWIR ».
• 📜 Truly Selectable Text with React Native on iOS : Tous ceux qui, à un moment ou à un autre, ont essayé de rendre du texte sélectionnable (c'est-à-dire des parties d'un texte, et pas seulement la copie d'un élément de texte entier) dans RN apprécieront cet article et la bibliothèque qui l'accompagne.
• 📜 How To Dockerize A React Native App? : Un bon résumé de l'utilisation de RN dev setup dans Docker. Pour moi, le problème principal reste que vous ne pouvez pas faire de builds iOS dans Docker, ce qui rend cette solution deux fois moins intéressante, mais dans certains scénarios, elle a encore du sens (par exemple, si vous n'exécutez pas du tout de builds natifs locaux).
• 📜 How to improve your React Native 3D animations: camera control with Three.js
• 📜 Set up Detox for end-to-end testing in your React Native App
• 📜 The Easiest Way to Build Reactive Local-First Apps with TinyBase and PowerSync
• 📦 React Native 0.74.0-rc.8
• 📦 React-Native-Skia 1.1 - makeImageSnapshotAsync
• 📦 New Architecture Helper - check if dependencies are ready for new architecture and bridgeless mode
• 📦 react-native-localize 3.1 - visionOS support
• 📦 expo-proximity - Access the system's proximity sensor
• 📦 react-native-qrcode-skia
• 🎥 Simon Grimm - React Native Security: Lock Screen, Face ID & Privacy Overlay
• 🎙️ RNR 293 - Real Life React Native With Benji Lightstone
• 🎙️ Rocket Ship 37 - Bringing Swift to React Native with Gary Tokman

🇫🇷 En français​

• 🇫🇷 ReactHebdo.fr - Dernières éditions traduites en français
• 🎥 Créer un Portfolio de développeur - Next.js 14, TailwindCSS, React
• 🎥 Créer une Carte 3D avec Framer Motion, Tailwind CSS, React JS, NextJS
• 🎥 Cours sur Zustand avec React en 2024

🔀 Autre​

• 📣 Set Methods (intersection, union, difference) moved to stage 4 🎉
• 📣 Promise.try moved to stage 2.7
• 📜 A TC39 Proposal for Signals
• 📜 Angular and Wiz Are Better Together
• 📜 HTML Streaming Over the Wire - A Deep Dive
• 📜 Creating and importing styles with constructable stylesheets and CSS module scripts
• 📜 Enhance WASM - Backend agnostic server-side rendering (SSR) for Web Components
• 📦 ESLint 9.0 - flat config by default, config inspector, Node 20, cleanup formatters
• 📦 VS Code 1.88 - Custom editor labels, test coverage API, Copilot enhancements
• 📦 zx 8.0 - Write better scripts - smaller, sync calls, input, AbortController…
• 🎥 JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue

🤭 Fun​

A plus 👋

Salut à tous !

Comme prévu, la semaine a été calme, les développeurs ayant fait une pause pour Pâques.

Bien que nous n'ayons pas beaucoup de versions majeures, nous avons toujours une bonne quantité de contenu et d'articles de blog. J'ai beaucoup aimé l'article de blog qui fait la une. Seul Bun a décidé de publier une version exceptionnelle de la v1.1 le 1er avril, ce qui est assez audacieux !

Développeur React Native ? Ne manquez pas la App.js Conf qui débutera le 22 mai à Kraków 🇵🇱. Bénéficiez d'une réduction de 10 % avec notre code partenaire « TWIR ».

Par ailleurs, soyez vigilant et vérifiez si vous êtes affecté par xz, une importante faille de sécurité dévoilée récemment.

Salut à tous !

Encore une semaine pleine de nouvelles intéressantes ! J'ai trouvé de nombreux liens et j'en ai gardé quelques-uns pour la semaine prochaine, qui devrait être calme en raison du lundi de Pâques.

Il est passionnant de voir Waku et Redwood devenir des méta-frameworks plus robustes, et de nouvelles expériences innovantes construites sur Bun comme Kotekan et une macro de pré-rendu.

React Native a également des mises à jour intéressantes, notamment un aperçu de React Navigation v7, et une belle mise à jour de React Native Screen.

J'étais à React.paris la semaine dernière. C'était une très bonne conf, et j'ai été ravi de rencontrer certains d'entre vous ! C'est génial que Paris soit enfin de retour dans le monde des confs React.

La fête n'est pas finie, car le mois prochain, nous avons également React Connection et React Native Connection les 22 et 23 avril à Paris ! La newsletter est une fois de plus partenaire média de conf. Vous pouvez obtenir une réduction de -20% avec le code « TWIR », et nous organiserons un tirage au sort pour gagner des places sur Twitter ce vendredi.

Salut à tous !

Cette semaine est différente et importante pour moi. J'ai fait une petite pause dans la rédaction de la newsletter, et au lieu que ce soit sans aucune publication (comme avant), cette fois-ci c'est Benedikt qui écrit toute la newsletter. C'est à toi, Benedikt !

La semaine dernière, il n'y a pas eu beaucoup de sorties, peut-être que tout le monde réserve déjà ses annonces pour la prochaine saison de conférences. Astro a publié plus de détails sur sa nouvelle base de données et a également publié un portail pour les développeurs, qui fonctionne d'abord comme une boutique de thèmes mais qui couvrira également les intégrations à l'avenir. Remix est maintenant Vite-first et Vercel a publié un nouveau modèle de chatbot IA. Après de nombreuses nouvelles sur React Server Components dans la section React, cette semaine nous voyons des nouvelles sur RSC dans la section React Native.

Salut à tous !

Cette semaine, c'est particulièrement excitant de voir React Native Skia atteindre la version 1.0. Mais nous avons également beaucoup d'autres versions intéressantes à découvrir : Pigment, Storybook, Tailwind, Rolldown, MDXTS...

Il y a également eu quelques nouveautés amusantes, comme Mist et Geist. Je suis vraiment curieux de savoir ce que vous en pensez. Les utiliseriez-vous ?

J'essaie de surveiller de plus près les indicateurs secondaires (PRs, RFCs et tweets), trouvez-vous ce genre de nouvelles utiles ?

Salut à tous !

Cette semaine est difficile à résumer, il y a beaucoup de nouvelles intéressantes et je ne sais pas lesquelles mettre en avant.

Nous avons notamment un aperçu d'un nouveau hook React remplaçant le déroutant useFormState, que même les développeurs React Native pourront désormais utiliser !