📨 #170: Waku, Remix, Donuts, RSC resentment, React 19, Aria Components, Storybook, Postgres Components, hydration, streams, VisionOS, atob, Maestro, Orbit, Tamagui, VisionCamera...
Salut à tous !
Cette semaine, nous avons eu d'excellents articles sur React, mais aussi des releases intéressantes de Waku et Remix. La communauté a partagé des retours mitigés sur les React Server Components, concernant la complexité et la gouvernance.
Du côté de React Native, c'est plutôt calme. Nous attendons avec impatience le SDK Expo 50 qui, cette fois, sort bien plus tard que la bêta. Nous attendons également le lancement officiel de VisionOS, une nouvelle plateforme que React Native prendra en charge.
Je viens de célébrer 10 ans d'expérience avec React 🙉 Difficile de croire à quel point ma carrière a changé grâce à React, étant donné que je n'aimais vraiment pas JavaScript avant.
💡 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
Ne manque pas le prochain email !
💸 Sponsor
CMS with Inline Visual editing for Next.js, Remix and Gatsby
Set up a project in just 1 minute with the CLI and define your own Visual blocks as React components to convey your pixel-perfect corporate brand, using any CSS framework.
Content editors can easily use these blocks to compose pages visually, just like using a word processor, without compromising the design system.
React Bricks is enterprise-ready with Digital Assets Management, Advanced SEO, Collaboration, Scheduled Publishing, Multilanguage, Integrations with external data sources, Approval Workflow, Single Sign-On, Multiple environments, Backup and Change history.
Trusted by corporate clients such as The Weather Channel, Deel.com, La Banque Postale, leading eCommerce sites and over 8,500 users worldwide.
Get started today!
⚛️ React
Cette version introduit une nouvelle API createPage pour créer des layouts et des pages de manière programmatique. Cela marque notamment le passage de Waku d'un framework minimal pour apprendre les RSC, à un véritable framework React prêt pour la production. Un routeur léger basé sur des conventions filesystem est prévu pour la v0.20.
Ce superbe article interactif et plaisant à lire utilise l'analogie des donuts (composant client avec un trou "children") pour expliquer comment les composants client/serveur peuvent être imbriqués. Il couvre également des sujets plus avancés sur la composition RSC. J'ai appris une astuce originale sur les Server Actions render props!
- 💸 Take the Developer Nation Survey - For each completed response, Developer Nation will donate to one of the charities of respondents’ choosing!
- 🐦 Dan Abramov - “React Server Components does not require a server”: un rappel important concernant les RSCs qui peuvent tous être exécutés au moment du build. Dans ce cas, votre CI est votre serveur. Vous pouvez tout à fait déployer un site Next.js complètement statique sur S3 ou GitHub Pages, tout en utilisant des RSCs.
- 🐦 React v19 is coming - React v18.3 is not planned
- 🐦 Pre-rendering (SSG) is coming to Remix
- 👀 React Postgres Components: fais un rendu React SSR dans Postgres, via le moteur V8? Ça a l'air fou, mais ça marche !
- 📜 React Libraries for 2024: comme chaque année, Robin Wieruch a mis à jour sa liste de librairies React recommandées, un bon moyen de découvrir de nombreuses librairies de l'écosystème.
- 📜 Kind of annoyed at React: Cassidy partage un point de vue raisonnable sur l'état actuel de React qui semble résonner avec la communauté, notamment 🐦 Tanner Linsley utilisant React avec de plus en plus d'appréhension.
- 📜 React, where are you going?: Matteo s'appuie sur le point de vue de Cassidy et explique sa frustration concernant la gouvernance de React et sa complexité croissante. Il plaide en faveur d'un framework communautaire soutenu financièrement. Ce qui m'a frappé, c'est que l'ajout du support RSC à leur lib React-Bricks a diminué la DX (également confirmé par quelques autres, 🐦 tweet).
- 📜 Streams and React Server Components: en dehors de RSC, il s'agit d'une excellente plongée dans les APIs Streams de la part d'un contributeur de Waku.
- 📜 Server-side rendering local dates without FOUC: il est courant d'obtenir des erreurs d'hydratation en essayant d'afficher l'heure dans la timezone de l'utilisateur. Cet article suggère d'inliner un script pour modifier l'heure rendue par le DOM SSR juste avant que React ne s'hydrate.
- 📜 How to setup Client-Server Relaying in Next.js: explique comment nous pouvons rendre une valeur dynamique sur le serveur via les RSCs, puis laisser SWR prendre en charge cette valeur coté client.
- 📜 Say Hello to Panda CSS - The New CSS-in-JS Library with Zero Runtime
- 📜 Build Dynamic Forms with React Hook Form
- 📦 Remix 2.5 - SPA mode: pour déployer les applications Remix sans serveur (par exemple sur GitHub Pages) en utilisant le mode SPA, en générant un seul fichier
index.html. - 📦 React-Aria-Components + Tailwind starter kit - New set of beautifully styled component that you can modify
- 🎥 A Beginner’s Guide to Storybook 7 with React - free Egghead course
- 🔐 Critical security vulnerability in @clerk/nextjs - upgrade to 4.29.3
Ne manque pas le prochain email !
💸 Sponsor
Process Documents using React PDF Library by Apryse
Transform your applications with Apryse's React PDF Library. Seamlessly integrate an exceptional viewer experience for web, mobile, and desktop. View, edit, redact and annotate with support for PDFs, Microsoft Office, video, images, HTML, and more.
Start your free trial today.
📱 React-Native
- 💸 Moropo - Build and Run Open Source React Native Tests Directly From Your Browser
- 👀 Expo 50 launch live stream announced for January 31, 2024
- 👀 atob() and btoa() were just added to Hermes
- 👀 ChatGPT React Native Buddy
- 📅 App.js Conf Call for Papers is ending January 28
- 📜 Unlocking New Possibilities with Maestro: Beyond Automated Testing: introduction sur la façon de faire des tests visuels automatiques des applications React Native en utilisant Maestro.
- 📦 Official Tamagui design system Figma released: pour utiliser les composants Tamagui dans Figma.
- 📦 React Native Test App 3.0: pplication de test de Microsoft pour les auteurs de librairies. Abandonne Node 14, React Native 0.65 et les versions antérieures, ainsi que Flipper.
- 📦 React Native visionOS with new CLI commands: VisionOS sera bientôt disponible et la communauté s'active pour que React Native soit prêt à accueillir cette nouvelle plateforme.
- 📦 vision-camera-resize-plugin - Frame Processor plugin for fast buffer resizing
- 📦 Expo Orbit 1.0.2
- 🎥 Simon Grimm - Better than React Native Stylesheet - Unistyles
- 🎙️ Rocket Ship 25 - EAS, Expo Prebuild & SDK 50 with Kadi Kraman
- 🎙️ React Native Show 33 - React Native at Scale With Rafael Mendiola
🇫🇷 En français
- 📜 6 alternatives à ExpressJS, la 4ème va vous surprendre !
- 🎥 Quelles sont les hypes 2023 des devs web
- 🎙️ Les News Web Dev janvier 2024 numéro 2
- 📅 Conférence React Paris - 22 Mars: nouvelle conférence, les speakers ont déjà été annoncés.
- 📅 React Connection - 22 Avril + React-Native Connection - 23 Avril: 2 jours de conférence web et mobile. CFP est ouvert jusqu'au 3 février.
🔀 Autre
- 📜 Module Federation added to Rspack
- 📜 Rust-Based JavaScript Linters: Fast, But No Typed Linting Right Now
- 📜 npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts
- 📜 Is htmx Just Another JavaScript Framework?
- 📜 Designing better target sizes (in CSS)
- 📜 Node.js Security Progress Report
- 📦 Node.js 21.6 - permission model improvements
- 📦 gql.tada - TypeScript that understands GraphQL
- 📦 Lightning CSS 1.23
- 📦 Prettier 3.2 - JSONC, Angular’s ICU expression
- 📦 fsx - Modern filesystem API for JavaScript
🤭 Fun
A plus 👋
Ne manque pas le prochain email !
