La Tartine #76
Astro 5.0, React 19 et StrapiConf : Le trio gagnant de la semaine
Hello la team 👋,
La semaine a été riche en actus avec deux grosses sorties très attendues : React 19, arrivé hier, et Astro v5, dévoilé mardi. Deux versions majeures qui envoient du lourd.
Et dans la catégorie « à ne pas louper » : Strapi organise sa toute première conférence en présentiel à Paris 🫶 ! Seulement 300 places dispo, je croise déjà les doigts pour en avoir une. Les inscriptions arrivent début 2025, alors soyez prêts.
Bienvenu dans la Tartine #76 et on attaque direct avec ce que Astro v5 a dans le ventre 👇
Bonne lecture ☀️
🍓 News de la semaine
Astro 5.0
Astro 5.0 est sorti mardi, et vous vous demandez peut-être : qu’est-ce qui a changé depuis qu’on a parlé de la version bêta de v5 en septembre dans la Tartine #68 ?
Comme prévu, cette version stabilise toutes les nouvelles API principales de la bêta v5, comme le Content Layer et les Server Islands.
Elle simplifie également les modes de rendu, avec deux options : server, qui active le rendu côté serveur par défaut, et static, qui prend désormais en charge le rendu hybride.
Mais ce n’est pas tout !
La V5 introduit aussi des fonctionnalités nouvelles qui rendent décidément ce framework toujours plus surprenant :
Support de Vite 6 : Grâce à la nouvelle API d’environnement, cette mise à jour simplifie la création d’intégrations Astro, et ce, à peine deux semaines après la sortie de Vite 6.
Images réactives expérimentales : Des outils d’optimisation d’images permettent désormais de générer automatiquement des attributs srcset pour les images réactives et de recadrer des images à la compilation pour économiser des octets.
Composant SVG expérimental : Vous pouvez maintenant importer des fichiers SVG et Astro les transforme en composants auxquels vous pouvez passer des attributs. Il est même possible de créer un sprite SVG au lieu d’insérer directement le SVG dans la page.
Astro s’est solidement imposé comme la solution incontournable pour les sites de contenu. Mais avec la v5, il envoie un message clair : il vise encore plus haut, et les autres frameworks feraient bien de s’en méfier.
🥪 JamSnack
Deux ans et demi après la dernière version majeure et 7 mois après la 1ère Beta, la v19 de React est enfin la avec tout son lot de nouveautés que je vous laisse découvrir dans cet article complet de la Team React.
The React Team
Headless CMS for Multisite Management - Why & How to Choose the Best One
L’agence Naturaily explique pourquoi et comment choisir un CMS headless pour la gestion de multiples sites web, en montrant les avantages d’une approche centralisée pour simplifier les workflows, réduire les coûts, et maintenir la cohérence de la marque à travers différents sites.
Marta Sulikowska
Tailwind CSS v4 présente de grandes améliorations comme le passage à LightningCSS et aux couches en cascade CSS natives, mais l'auteur de cette article s'inquiète des implications en termes de performances des variables CSS, du potentiel d'abus avec de nouvelles variantes descendantes et du manque de clarté dans certains noms de classe.
Naman Goel
The 70% problem: Hard truths about AI-assisted coding
Cet article montre que l'IA accélère le développement pour les experts, mais freine l'apprentissage des novices, et reste limitée pour produire des logiciels robustes sans expertise humaine. Elle excelle pour prototyper rapidement mais pas pour remplacer le jugement nécessaire à la qualité.
Addy Osmani
Un INP de qualité est plus important que jamais, car il s’agit d’une mesure reflétant l’UX et faisant partie des Core Web Vitals. Cet article détaille les techniques que vous pouvez utiliser pour améliorer l'INP sur un projet React.
Jacob 'kurtextrem' Groß
🔗 Conférences, webinaires et vidéos
📆 Save the Date: StrapiConf 2025 ( 13 mai 2025 à Paris )
📺 Why AI is making software dev skills more valuable, not less - Steve (Builder.io)
📺 Vite 6 is important, here's why - Theo - t3․gg
📺 What I Learned from State of JS 2024 - Jack Herrington
📺 Unlocking Efficiency: The Future of Website Management with AI-Driven Automation - Strapi
📺 5 ways to deploy a new Netlify site
Partage la Tartine 🍞
Si tu penses que cette édition pourrait plaire à une personne de ton entourage, n’hésite pas à partager cet e-mail ou à cliquer sur le bouton ci-dessous 👇
👉 Pour suivre nos aventures sur Youtube : https://www.youtube.com/@Pickbeam
👉 Pour prendre rdv avec Pickbeam pour un projet web : https://pickbeam.com
PS : N’oublie pas de mettre un like en bas ou en haut de cet email si ça t’a plu.