Aller au contenu principal

📨 #172: Next.js, PPR, Remotion, State of React Native, Parcel, Panda, StyleX, Cosmos, Remix, RTK, TypeScript, Skia, Reanimated, RNTL, Storybook, Flashlight, Tamagui...

· 12 minutes de lecture
Sébastien Lorber

Salut à tous !

@ThisWeekInReact est notre tout nouveau compte X, abonnez-vous ! Le but est d'y partager et de retweeter les choses intéressantes qui se passent dans la communauté React en temps réel, avec un rapport signal/bruit le plus élevé possible.

Cette semaine, les React Server Components ont été une fois de plus le sujet de divers articles et discussions. La communauté a des sentiments mitigés sur Next.js App Router. Même si les gens adhèrent à la vision, ils semblent un peu déçus par son implémentation actuelle. Espérons que ce ne soit que temporaire 🤞.

React Native a été particulièrement intéressant cette semaine. Les résultats du sondage State of React Native ont été publiés, et le sentiment général à l'égard de React Native est de plus en plus positif. Il y a également des éléments intéressants liés à Skia, Reanimated, ou le mode bridgeless. La communauté est enthousiaste à l'idée qu'Expo devienne un framework universel full-stack.

Bonne lecture !

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain email !

    💸 Sponsor

     Axiom - the best logging platform for Vercel apps

    Axiom - the best logging platform for Vercel apps

    😴 Sleep peacefully knowing that Axiom’s zero-config observability for Vercel projects has you covered.

    • Use Axiom's pre-built dashboard for an overview across all your Vercel logs and vitals, drill down to specific projects and deployments, and get insight on how functions are performing with a single click.
    • next-axiom allows you to send logs and events from any part of your Next.js projects - client, edge, or server-side - without any special configuration.
    • Easily send structured logs directly from your code and analyze them together with Vercel logs.

    Axiom efficiently captures 100% of your event data so you’ll never have to worry about sampling or retention, and you’ll never have to guess what your users are experiencing.

    PSI use it myself to monitor the newsletter signups 😉

    ⚛️ React

    Next.js Explained

    🎥 Next.js Explained - Partial Prerendering

    Il n'est pas fréquent qu'une vidéo fasse les gros titres ici, mais celle-ci est différente pour plusieurs raisons.

    Tout d'abord, le sujet est très intéressant et bien expliqué avec de nombreuses visualisations animées. Le Partial Prerendering est une fonctionnalité expérimentale de Next.js 14 qui complète la vision de Next.js et offre le meilleur des deux mondes entre le rendu statique et dynamique. Cela fait de Next.js un framework multi-paradigme qui prend en charge une grande diversité de rendus. Cette nouvelle fonctionnalité est simple à adopter, elle s'appuie sur Suspense et n'introduit pas de nouvelles API : il suffit d'activer un flag.

    Deuxièmement : cette vidéo incroyablement bien réalisée a été créée avec Remotion, en utilisant du code React web 🙉. Superbe travail Delba ! Nous sommes impatients de voir d'autres vidéos comme celle-ci et d'en savoir plus sur ton processus créatif avec Remotion. Dans le même ordre d'idées, l'équipe Remotion vient de partager un behind the scene du projet GitHub Unwrapped 2023.

    Ne manque pas le prochain email !

      💸 Sponsor

      Complete User Management for React

      Complete User Management for React

      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 !

      State of React Native 2023 - Survey Results

      State of React Native 2023 - Survey Results

      Je suis un grand fan de tous les sondages "State of ...", car ils nous donnent un aperçu unique de ce qui se passe dans l'écosystème. C'est une chose de suivre la hype médiatique généré sur X et ailleurs, mais c'en est une autre de voir les statistiques de ce que les développeurs utilisent réellement. Je suis donc très heureux de voir les résultats de l'état de React Native de l'année dernière publiés ! Et comme c'est maintenant la deuxième année que ce sondage est mené, nous pouvons commencer à identifier certaines tendances en comparant les résultats à ceux de l'année précédente. Pour tous les détails, [jetez un coup d'œil aux résultats] (https://results.stateofreactnative.com/) ! Je me contenterai de souligner quelques points que j'ai trouvés intéressants et dont certains m'ont vraiment surpris :

      • Le state management est dans tous ses états ! Redux prenant la dernière place en termes de rétention avec seulement 44 % (en baisse par rapport à 57 % l'année dernière), mais s'accrochant toujours à la deuxième place après les capacités natives de React en termes d'utilisation avec 78 % (en baisse par rapport à 85 %).
      • Le data fetching est une catégorie où les résultats sont conformes à ce que nous attendions, avec TanStack Query et tRPC qui occupent les premières places en termes d'intérêt et de rétention. Relay est pratiquement inutilisé en dehors de Meta avec seulement 5 % d'utilisation.
      • L'avenir de la navigation est Expo Router, qui a explosé de 12 % d'utilisation l'année dernière à 40 % aujourd'hui.
      • Le styling semble être la catégorie la plus compétitive, avec une abondance d'options. En termes d'utilisation, les classiques (StyleSheet API, inline styling, styled components) restent des options dominantes, avec NativeWind et Tamagui qui les rattrapent. Tamagui a réussi à susciter le plus d'intérêt au cours de l'année écoulée (et a également le plus de rétention et d'intérêt en tant que bibliothèque de composants d'interface utilisateur), suivi de près par un nouveau concurrent : react-native-unistyles.
      • Bravo à Expo qui a créé 6 des 10 outils les plus populaires dans la catégorie "Outils React Native", et les 2 meilleures options pour le déploiement.
      • Plus de 85 % des répondants pensent que React Native évolue dans la bonne direction. La part des développeurs qui trouvent que la création d'applications RN est trop complexe actuellement a diminué d'environ 30 % à 25 % - c'est encore trop, mais nous semblons évoluer dans la bonne direction !

      Dans l'ensemble, des résultats vraiment intéressants qui méritent d'être étudiés en détail ! Un grand merci à Bartłomiej, Kacper et Software Mansion pour avoir rendu cela possible !

      🇫🇷 En français

      🔀 Autre

      🤭 Fun

      alt

      A plus 👋


      Ne manque pas le prochain email !