Aller au contenu principal

📨 #175: RSC, useSyncExternalStore, Vinxi, Server Actions, Next.js, Remix, margins, WakuLand, R3F-uikit, React-Forget, RN releases, Bridgeless, Expo Fingerprint, Flash Calendar, Zeego, RN Reusables...

· 10 minutes de lecture
Sébastien Lorber

Salut à tous !

Cette semaine a été plutôt calme en termes de versions, mais nous avons beaucoup d'articles intéressants à lire !

Désolé pour la semaine dernière, l'email était si long que malgré la suppression des liens, il a été tronqué par Gmail 😅.

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain email !

    💸 Sponsor

    CMS with Inline Visual editing for Next.js with App routing

    CMS with Inline Visual editing for Next.js with App routing

    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. Try the new Next.js starter with Server Components!

    Content editors can easily use content blocks to compose pages visually, just like using a word processor, without compromising the design.

    React Bricks is enterprise-ready with Digital Assets Management, Advanced SEO, Real-time Collaboration, Scheduled Publishing, Multilanguage, integration with external APIs, Approval Workflow, Multiple environments, Change history and more.

    Trusted by corporate clients such as The Weather Channel, Deel.com, La Banque Postale, leading eCommerce sites and over 9,000 users worldwide.
    Get started today!

    ⚛️ React

    Instant Search Params with React Server Components

    Instant Search Params with React Server Components

    Un article interactif génial qui montre qu'il est étonnamment difficile de faire persister l'état de l'interface utilisateur dans la chaîne de requête dans un monde de composants React Server tout en donnant un retour d'information immédiat à l'utilisateur. La mise à jour de l'URL déclenche un aller-retour sur le serveur. Le nouveau hook useOptimistic résout joliment ce problème. Cela montre aussi un bon cas d'utilisation du CSS :has(), pour éviter de remonter l'état en attente de startTransition.

    Building a React Metaframework with Vinxi

    Building a React Metaframework with Vinxi

    Aujourd'hui, j'ai découvert Vinxi, une boîte à outils construite au-dessus de Vite et Nitro vous permettant de créer facilement votre propre méta-framework, avec le support SSR, les conventions de routage, les fonctions serveur et tout le reste. Solid Start l'utilise sous le capot, mais c'est un SDK indépendant du framework. Apparemment, TanStack Start l'utilisera aussi ! Cet article explique comment l'utiliser avec React.

    Ne manque pas le prochain email !

      💸 Sponsor

      The most comprehensive User Management Platform

      The most comprehensive User Management Platform

      Clerk streamlines React app authentication and user management, ensuring a quick setup for the modern web.

      Experience the benefits of Clerk:

      • 💅 Pre-built UI components for sign-in, sign-up, user profiles, and organizations. Customize with any CSS library and deploy on your domain
      • 📦 SDKs for React, React Native, Next.js, Redwood, Remix, and other frameworks
      • ⚡ Integrations with Firebase, Supabase, Convex, and other BaaS providers
      • 🎁 User management, social login, magic links, MFA, and more out of the box

      Dive into Clerk's quickstarts and tutorials to kickstart your project🚀

      📱 React-Native

      Cette section est désormais co-écrite avec Benedikt. N'hésitez pas à nous envoyer vos commentaires par email ou sur Twitter !

      La semaine dernière, nous avons tous bénéficié d'un bref repos concernant les nouvelles majeures de React Native (ou aurais-je manqué quelque chose, en l'occurrence @moi). C'est peut-être un signe positif, surtout après le tourbillon d'événements tels que Expo 50, visionOS, the State of React Native, react-strict-dom, et bien d'autres encore. Cependant, cela ne signifie pas que le monde de React Native s'est arrêté. Il y a eu beaucoup de petites annonces qui nous donnent un aperçu du futur proche de React Native. La première release candidates pour RN 0.74 est sortie. Elle contient beaucoup d'améliorations ainsi que quelques dépréciations et breaking changes, mais à première vue, rien de majeur qui me rende inquiet quant à l'effort de mise à jour. Plus particulièrement, le mode bridgeless devient le nouveau mode par défaut avec la version 0.74 (mais uniquement lorsque la fonction New Arch est activée). Le mode bridgeless est le troisième pilier de New Arch, aprèsTurboModules déjà introduit et le nouveau moteur de rendu (Fabric). Concernant New Arch et les valeurs par défaut, une PR a été fusionné qui fera deNew Arch la valeur par défaut à partir de RN 0.75 (il sera toujours possible d'opter pour une autre solution). De plus, la RFC avec la définition de React Native Frameworks a été fusionné, établissant les responsabilités de RN par rapport aux frameworks au-dessus de RN.

      🇫🇷 En français

      🔀 Autre

      🤭 Fun

      alt

      A plus 👋


      Ne manque pas le prochain email !