Actualités de février 2024
Annonces
React 19
Meta a annoncé la prochaine version de React avec de nombreuses fonctionnalités : Au programme : React compiler, Server components, Actions, Asset loading, Document metadata https://daily.dev/blog/react-19-everything-you-need-to-know-in-one-place 🔗) https://www.youtube.com/watch?v=v07gXY6ESEo 🔗
React Strict DOM
Actuellement en développement, Meta a annoncé React Strict DOM dont l’objectif est de standardiser les APIs browser pour être utilisées à la fois pour du web et du mobile. Cela permettrait d’avoir la même base de code pour toutes les plateformes https://www.youtube.com/watch?v=oMzdnVdoWqE 🔗
SafeTest
Netflix nous présente une nouvelle lib de tests, qui a la particularité de mutualiser les tests de composants et E2E. La promesse a l’air assez séduisante. https://netflixtechblog.com/introducing-safetest-a-novel-approach-to-front-end-testing-37f9f88c152d 🔗)
Nouvelles releases
Conform 1
Conform est une nouvelle lib de gestion de formulaire avec Progressive enhancement first APIs, Type-safe field inference, Fine-grained subscription, Built-in accessibility helpers and Automatic type coercion with Zod. Il est compatible avec Next / Remix car il prend en charge les servers Actions. D’après les premiers retours, cette lib est encore expérimentale, mais semble assez prometteuse. https://github.com/edmundhung/conform 🔗 https://www.youtube.com/watch?v=_-ZOGj80TMw 🔗
Husky 9
Husky est un package qui permet de lancer des commandes automatiquement à chaque commit. C’est assez pratique pour lancer des tests, vérifier le linting ou le code coverage ou encore valider la qualité de code (pour les plus utilisées). La v9 simplifie l’installation et la configuration du package https://github.com/typicode/husky 🔗 https://www.youtube.com/watch?v=ryIZaqcKfHM&t=343s 🔗
Hono 4
Hono est un framework backend léger et rapide qui fonctionne sur toute plateforme JS (Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, AWS Lambda, Lambda@Edge, and Node.js). Sa version 4 apporte le support de JSX pour créer des composants, du static site generation et un file based routing https://github.com/honojs/hono 🔗
Tempo
Tempo est une lib front de gestion de temps spécialisée sur l’internationalisation des dates. Elle est basée sur l’API Intl des browsers rendant son utilisation beaucoup plus simple https://tempo.formkit.com/ 🔗
Articles
Exploring Next.js Forms with Server Actions de Robin Wieruch
Un tutoriel bien complet sur l’utilisation de forms avec Next.js. Au programme : création du formulaire, validation des champs, gestion des erreurs, reset, toast messages, server actions.. https://www.robinwieruch.de/next-forms/ 🔗
No Outer margin de Kyle Shevlin
Le vieux débat margin vs padding. Pourquoi aujourd’hui il ne faut plus utiliser margin et comment définir ses espacements uniquement avec padding (spoiler alert: border-box et gap vont devenir vos meilleurs amis) https://kyleshevlin.com/no-outer-margin 🔗
HTMX vs React: A Complete Comparison de Antonello Zanini
Quel outil choisir entre React et HTMX, et surtout dans quels cas ? Historique des technos front, présentation des 2 outils, comparaison (avec code s’il vous plaît), et suggestion selon les cas d’utilisation. https://semaphoreci.com/blog/htmx-react 🔗
Next.js vs. Remix - A Developer’s Dilemma de Chetan Gawai
3e bataille de cette série d’articles, cette fois entre les 2 plus populaires méta frameworks basés sur React. Comparaison sur une dizaine de points avec le point de vue de l’auteur (et bien sûr du code) https://blog.saeloun.com/2024/02/21/next.js-vs-remix/ 🔗
What we’ve learned from the transition to Next.js 14 with Server Components de Victor Gerbrands
Retour d’expérience de la migration d’une plateforme e-commerce open source vers Next.js 14 et ses nouvelles fonctionnalités (app router, server component, apps router, static prerendering, search params, fetching, caching, mutations..) La learning curve n’était pas négligeable, mais il semble content du résultat avec un code mieux structuré et plus clean. Par contre, pas mal de magie under the hood. https://medusajs.com/blog/client-server-transition-learnings-nextjs-14-server-components 🔗
Next.js App Router migration: the good, bad, and ugly de Brandon Bayer
Un autre retour d’expérience d’une migration vers Next.js 14, et un avis très différent.. Les arguments sont listés par appréciation : 3 bons, 4 mauvais, 5 horribles.. Résultat, il regrette de ne pas avoir choisi Remix https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly 🔗
React Trends in 2024 de Robin Wieruch
Ses prévisions pour l’écosystème React cette année. En guest stars: Astro, Biome, Trpc & Tanstack router. On pourrait résumer ça en un mot: Typescript https://www.robinwieruch.de/react-trends/ 🔗
What is Astro? de Eddy Vinck
Un peu de backend dans ce monde de fronteux. Découverte assez détaillée du framework avec le point de vue de l’auteur. Parce que j’aime bien spoiler, Conclusion: Should you use Astro? => I think so. https://www.eddyvinck.com/blog/what-is-astro 🔗
Next.js App Router Authentication (Sessions, Cookies, JWTs) de Lee Robinson
Comment mettre en place une auth sous Next avec la lib next-auth. Différent type d’authentifications, avec support Oauth https://www.youtube.com/watch?v=DJvM2lSPn6w 🔗
TanStack Router is one of the most powerful options for SPA development(& TanStack Query) de Ytaisei
Présentation assez détaillée de Tanstackquery routeur (sortie en v1 en décembre 2023). Explications et exemples à propos des suspenses, type safety, lazy loading, file based structure, search params, state management, preloading cache data.. https://medium.com/@yasui-edu0834/tanstack-router-is-one-of-the-most-powerful-options-for-spa-development-tanstack-query-cc7ecdc73550 🔗)