Actualites d'avril 2024
Nouvelles sorties
Node 22
Node 22 est enfin sorti, et cette version deviendra une LTS. Nous retrouvons une compatibilité avec ESM, pour import et export nos modules et nous pourrons commencer une migration de CJS vers ESM. (Enfin, nous pouvons arrêter de compiler à la fois en ESM et en CJS dans nos monorepos). Le moteur V8 et le client de wensockets ont également ete mis a jour https://nodejs.org/en/blog/announcements/v22-release-announce 🔗 https://www.youtube.com/watch?v=3wSi0fnvpCw&t=628s 🔗
React 19 beta
Une première bêta pour la prochaine version de React. Attention, celle ci est destinée aux développeurs de bibliothèques pour étude et adoption. Elle comprend RSC, server actions, un refactoring des refs, des context, métadonnées de document, scripts asynchrones, prefetching, de meilleurs rapports d’erreurs… La liste des nouvelles fonctionnalités et des mises à niveau est assez impressionnante https://react.dev/blog/2024/04/25/react-19 🔗
React 18.3
Aucune nouveaute dans cette version mineure, juste de nouveaux avertissements pour les fonctionnalités qui deviendront obsolètes dans la future version 19. Je vous encourage à effectuer la mise à jour pour vous préparer à l’arrivée de React 19 https://github.com/facebook/react/blob/main/CHANGELOG.md#1830-april-25-2024 🔗
Eslint 9
Nouvelles règles, abandon du support des anciennes versions de Node, mais surtout la v9 introduit un nouveau fichier de configuration. Assurez-vous que tous vos plugins prennent en charge la nouvelle version avant de tenter une mise à jour https://eslint.org/blog/2024/04/eslint-v9.0.0-released/ 🔗 https://medium.com/@onix_react/whats-new-in-eslint-9-0-f38e044010dd 🔗
Bun 1.1
1700 commits, des milliers de bugs corrigés et des tonnes de nouvelles fonctionnalités / API ajoutées depuis la version 1.0, mais l’élément majeur de cette version est la compatibilité avec Windows. En plus de ca, Bun 1.1 est jusqu’à 2x plus rapide sur de gros projets, intègre maintenant un shell, a une nouvelle API Glob, et prend en charge la syntaxe vite pour process.env https://bun.sh/blog/bun-v1.1 🔗
Astro 4.6
Nouvelle version d’Astro avec une stratégie de routage manuel pour l’internationalisation, un support expérimental de la protection CSRF en SSR et des améliorations de cookies https://astro.build/blog/astro-460 🔗
Autour de React
Zustand and React Context
Comment gérer nos stores dans une application React ? Globalement ou localement ? Qu’est-ce qui est mieux pour la DX et les performances ? Dominik partage ses points de vue sur le combo Zustand / Context pour référencer le store globalement mais stocker les valeurs du store localement pour éviter les rendus inutiles https://tkdodo.eu/blog/zustand-and-react-context 🔗
How to Simplify Global State Management in React Using Jotai
Jotai est une solution primitive et flexible de state management pour React. Apprenez à l’utiliser dans ce tutoriel https://thenewstack.io/how-to-simplify-global-state-management-in-react-using-jotai/ 🔗
Exploring using Suspense with React Query
Cet article ne couvre pas seulement l’utilisation de suspenses avec Tanstack query, mais surtout comment utiliser les suspenses efficacement et ne pas afficher de loader a chaque actualisation de données. Une lecture indispensable pour améliorer l’UX de votre state management en React https://www.teemutaskula.com/blog/exploring-query-suspense 🔗
Exploring Server Actions with Next.js
Un tutoriel assez cool sur l’utilisation des server actions pour créer un CRUD fullstack dans Next.js 14 https://www.robinwieruch.de/next-server-actions 🔗
Boosting Performance with Next.js and React Server Components: A geekyants.com Case Study
Je vais simplement reprendre leur intro : Après le déploiement, nous avons grandement amélioré les scores de Lighthouse et de PageSpeed, amélioré les rapports de santé SEO, et créé une expérience utilisateur plus fluide. Cet article résume ce que nous avons appris et le processus que nous avons suivi pour mettre à jour notre site https://geekyants.com/blog/boosting-performance-with-nextjs-and-react-server-components-a-geekyantscom-case-study 🔗
Using JSX as a template engine
Pouvons-nous utiliser JSX comme moteur de templates dans Express ? Est-ce une bonne idée ? Devrions-vous le faire ? Maximilian Schwarzmüller essaie de répondre à ces questions dans cette vidéo https://www.youtube.com/watch?v=RUoZ2XBa_tw 🔗
From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)
3 heures de tuto sur ce qui est probablement l’une des meilleures stack JS en 2024, et pour une fois, cela inclut la partie production et hébergement sur Vercel https://www.youtube.com/watch?v=d5x0JCZbAJs 🔗
JavaScript
Tailwind travaille sur l’implementation de signaux
La célèbre bibliothèque CSS travaille sur la mise en œuvre de signaux. Cela permettra de définir et d’utiliser des states dans notre CSS pour mettre à jour automatiquement le style de plusieurs éléments. Nous pouvons voir cela comme une évolution de la fonctionnalité group, mais sans ses inconvénients https://github.com/brandonmcconnell/tailwindcss-signals 🔗 https://www.youtube.com/watch?v=SmOstmWBneE 🔗
Signal sur le point d’arriver aussi en JavaScript
Après Solid, Preact, Angular, ou même Tailwind (voir l’actu précédente), signal arrive directement dans… JavaScript. Une draft proposal a été fait pour intégrer les signaux directement dans le langage https://www.youtube.com/watch?v=JvE_xQVIFF0 🔗 https://www.youtube.com/watch?v=vGBBtqPnaUk 🔗
HTMX and Astro Are An Amazing Combo!
Ce n’est un secret pour personne que j’apprécie particulièrement Astro, mais ajouter de la reactivité avec des éléments CSR peut parfois être un peu lourd. L’utilisation de HTMX résout ce problème sans avoir besoin d’un framework UI https://www.youtube.com/watch?v=S54O8-Yyv3A 🔗
React vs HTMX - A Fascinating War
On dirait que chaque mois nous avons une comparaison HTMX, cela montre combien le framework apporte dans l’écosystème JS. Comme toujours avec Theo, cette vidéo est une mine de connaissances sur la façon de placer HTMX cet écosystème et quand l’utiliser https://www.youtube.com/watch?v=QBGJZ3h3n4c 🔗
How Solid made me a better developer
Excellent article décrivant comment un développeur react a amélioré ses compétences techniques et ses connaissances en utilisant Solid https://www.brenelz.com/posts/how-solid-made-me-a-better-react-developer 🔗
Synchronize Backend and Frontend Types With tRPC
Comment partager nos types entre nos fronts et backs ? RSC ? Monorepo ? ou peut-être juste tRPC ? Apprenez à l’utiliser pour récupérer à la fois vos types et vos données depuis votre backend. Et c’est même compatible avec tanstack query https://marmelab.com/blog/2024/04/04/trpc-full-stack-types.html 🔗
Improving our Jest execution time by 300%
Vous avez aussi des problèmes de performances avec jest ? Car moi oui… Une bonne analyse et des résultats très surprenants sur la manière d’améliorer les performances de nos tests jest https://www.camggould.com/posts/Jest-With-RTL-Is-Slow 🔗
Divers
The Problem With UUIDs
Devrions-nous utiliser un integer, cuid ou uuid pour nonos identifiants de base de données ? Une comparaison intéressante entre eux basée sur leurs performances, et par extension, leurs coûts https://www.youtube.com/watch?v=wkqwyrcuPs0 🔗
Should you still learn to code ?
De nos jours, on entend de plus en plus que l’IA remplacera les développeur dans un avenir proche et certains grands noms (coucou Nvidia) recommandent même aux gens d’arrêter d’apprendre à coder. Dans cette vidéo, TJ donne des opinions assez pertinents sur la question et ce qu’est vraiment le boulot de développeur https://www.youtube.com/watch?v=JMK_30jeGww 🔗