La Tartine #70

Hello c’est Benoit 👋,

Le mois d’octobre s’annonce chargé avec plusieurs conférences à suivre et probablement des nouveautés en perspective ! Actuellement, c’est la conférence Compose de Netlify qui se déroule. La Next.js Conf prendra le relais 24 octobre !

Aujourd’hui, j’aimerais vous parler de TanStack Start, un outil encore peu connu, mais qui commence déjà à susciter beaucoup d’intérêt parmi les développeurs front-end.

Bonne lecture ☀️

🍓 News de la semaine

Tanstack Start en version alpha

Créé par Tanner Linsley, le même développeur derrière des bibliothèques populaires comme React Query (devenu TanStack Query), React Table et React Charts, TanStack Start se présente comme un framework "opinionated" conçu pour lancer rapidement des projets front-end.

L’idée ? Fournir un point de départ optimisé, avec des choix techniques déjà faits pour vous, afin de vous concentrer sur le développement de fonctionnalités plutôt que sur la configuration initiale.

Pourquoi TanStack Start ?

Si vous avez déjà démarré un projet React, vous savez combien il peut être fastidieux de configurer un environnement de développement, de choisir les bonnes bibliothèques et de configurer les liaisons.

TanStack Start propose de résoudre ce problème en vous offrant une stack pré-configurée qui combine les meilleurs outils de l’écosystème :

• TanStack Router : un router flexible et léger pour les applications React.

• TanStack Query : gestion des états asynchrones (fetching, caching) en un clin d'œil.

• TanStack Table : gestion avancée des tables de données.

• TanStack Charts : création rapide de graphiques dynamiques et interactifs.

• Vite : le bundler ultra-rapide et optimisé pour les projets front-end modernes.

TanStack Start utilise également Vinxi, l'outil qui se charge de la gestion de vos builds et du déploiement de votre application. C’est le même moteur qui propulse Solid Start et qui offre de nombreuses fonctionnalités avancées :

• Une API unifiée pour le SSR (Server-Side Rendering), le streaming, et l’hydratation des composants.

• Extraction du code serveur pour le séparer proprement de la logique client.

• Un bundling optimisé pour déployer sur n'importe quel fournisseur d’hébergement.

Bref, l’objectif de TanStack Start est de vous fournir une base solide et maintenable pour vos projets front-end, tout en minimisant la configuration.

Ce que cela signifie concrètement

En adoptant TanStack Start, vous bénéficiez d'une série d'avantages :

• Gain de temps : Plus besoin de passer des heures à configurer votre environnement. Vous partez directement sur une structure de projet prête à l'emploi.

• Optimisation des performances : Le framework inclut Vite pour des performances de build et de rechargement à chaud ultrarapides.

• Best practices intégrées : Chaque outil de la stack est pensé pour fonctionner ensemble, selon les meilleures pratiques de l'écosystème.

• Extensibilité : Vous pouvez personnaliser ou ajouter des fonctionnalités au fur et à mesure que votre projet grandit.

Quelques réserves ?

Comme tout framework opinionated, TanStack Start peut ne pas convenir à tout le monde. Si vous aimez avoir un contrôle granulaire sur chaque configuration, ce choix pourrait vous sembler restrictif. Néanmoins, si vous cherchez à accélérer vos développements tout en gardant une structure de qualité, c'est un excellent choix.

Mon avis

Avec TanStack Start, Tanner Linsley continue d'innover en proposant un outil qui réunit tout ce qui a fait le succès de ses bibliothèques précédentes.

Par rapport à Next.js, qui est souvent le choix par défaut pour les projets React, TanStack Start se positionne plus comme une solution “plug-and-play” pour des applications front-end légères et spécifiques.

À essayer absolument si vous souhaitez explorer des alternatives plus légères tout en conservant la flexibilité de React !

N'hésitez pas à me dire ce que vous en pensez ou si vous avez déjà eu l'occasion de tester cet outil.

À la semaine prochaine 👋

🥪 JamSnack

How To Migrate Your Project From Strapi 4 to Strapi 5

Ce guide explique comment utiliser l'upgrade tool de Strapi pour vous guider dans votre migration de Strapi v4 vers v5.

Paul Bratslavsky

The WordPress vs. WP Engine drama

Résumé du conflit qui oppose Matt Mullenweg, fondateur de WordPress, à WP Engine concernant l'utilisation de la marque "WP" et la gestion des fonctionnalités du CMS. La controverse a provoqué pas mal de tensions dans la communauté et soulevé des questions sur le contrôle de l’écosystème WordPress.

Ivan Mehta

Vite vs. Next.js: Features, Comparisons, Pros & Cons, & More

Cet article explore les différences entre Vite et Next.js, deux outils incontournables pour développer des applications React. Découvrez lequel choisir selon les besoins de votre projet : rapidité et simplicité pour Vite, ou robustesse et fonctionnalités full-stack pour Next.js

Nefe Emadamerho-Atori

What's new in Astro - September 2024

Toutes l’actu d’Astro sur le mois de Septembre comprenant la v5 en beta, Astro Storefront, la Content Layer API, Starlight 0.28 !

Sarah Rainsberger

Why You Should Use Composable Commerce for B2B

Cet article de l’agence Naturaily explique pourquoi le commerce composable est la solution idéale pour les entreprises B2B cherchant à mieux gérer leurs catalogues complexes et intégrer leurs systèmes existants. Découvrez comment cette approche modulaire peut simplifier l'intégration, améliorer l'expérience client et réduire les coûts de développement.

Kamil Krzywda

Eleventy v3.0.0 is now available

Après plus d'un an de travail, la toute première version stable de la version 3.0 compatible ESM est désormais disponible : Eleventy v3.0.0

Zachleat

🤝 Partenaire

Fully-managed Cloud Hosting for your Strapi Project

Une stack optimisée pour Strapi le Headless CMS Open Source comprenant une DB Postgres, CDN, Email API et bien plus encore !

Strapi vient de sortir une vidéo sur sa chaine Youtube qui introduit une nouvelle feature sur Strapi Cloud pour la gestion d’environnements multiple :

📺 Conférences, webinaires et vidéos

Next.js has real competition now

Théo explore TanStack Start, le nouveau compétiteur de Next.JS

Legend State v3: Local first sync AND fastest React State manager!

Analyse de la version 3 de Legend State qui est en version bêta. Bien qu'il reste le gestionnaire d'état le plus rapide (selon sa documentation), il prend désormais en charge la première synchronisation locale. Et donc, vos apps NextJS, Remix, React et Vite peuvent fonctionner hors ligne, puis se resynchroniser avec le serveur lorsqu'elles sont en ligne !

Multi-Step (Agentic) Generation with the AI SDK

Présentation par Vercel de la nouvelle fonctionnalité « maxSteps » avec le SDK AI.

Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind

Vidéo de la chaine Web Dev Simplified qui présente comment créer un clone de Calendly avec l'intégration de Google Calendar. Ce projet utilise Next.js, TypeScript, Drizzle, Neon, Clerk et ShadCN.

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 👇

Partager La Tartine

👉 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.