La Tartine #66

Hello c’est Benoit 👋,

J’espère que vous allez bien et que vous avez passé un bel été. De mon côté, j’ai finalement pris une petite pause pour recharger les batteries. J’ai donc plein d’actualités en retard à vous partager dans cette édition de la Tartine.

Je vous ai également concocté, à la fin de la newsletter, un petit programme des conférences cools à venir pour cette rentrée. Bon je ne traverserai pas l’Atlantique pour aller voir la Next.JS Conf ni la Netlify Compose, bien que j’aimerai bien mais il y a aussi des conf sympas en France tout de même qui me font de l’oeil. Je sais pas encore si j’irai à l’une d’elles. Si jamais vous avez prévu de faire des confs, n’hésitez pas à me faire un message !!

Bonne lecture et bonne reprise ☀️

🍓 News de la semaine

Waku - v0.21 - Server actions are here!

Waku vient de lancer sa v0.21, avec une prise en charge complète de l'API React Server Actions.

Après vous avoir laissé en août sur une présentation de Zustand, je suis tombé sur Waku dont j’avais vaguement entendu parlé…

Mais d’où sort ce nouveau framework ? Je vous explique tout !

Pour commencer, Waku (wah-ku) ou わく signifie « Framework » en japonais.

Waku se décrit comme un "framework React minimaliste" spécialement conçu pour construire des projets React de petite à moyenne envergure avec les composants serveur de React. Créé par les mainteneurs de Zustand et Jotai, c'est actuellement le seul framework React qui prend en charge les RSC après Next.JS bien sur.

Waku a commencé comme un projet de recherche théorique pour explorer les RSC, mais petit à petit, l'équipe a ajouté de nouvelles fonctionnalités puissantes qui améliorent l'expérience développeur tout en préservant sa flexibilité. En mars, ils ont introduit une nouvelle API de routage basée sur les fichiers, et maintenant, ils ont ajouté un support complet pour les Server Actions.

Voici comment cela fonctionne :

• Tout d'abord, vous créez des actions serveur en utilisant la directive "use server". Cela crée automatiquement un point d'API pour exécuter du code de manière sécurisée sur le serveur.

• Ensuite, vous importez votre action dans un composant client qui utilise la directive "use client", ce qui vous permet de passer des données entre le client et le serveur sans avoir besoin de code supplémentaire.

• Enfin, vous pouvez lire l'état de l'action en utilisant des API React comme useActionState pour vous assurer d'avoir la bonne expérience utilisateur en place pendant l'action.

En résumé : Oui, vous pouvez déjà faire la plupart de ces choses dans Next.js. Mais maintenant que l'équipe React recommande fortement l'utilisation d'un meta-framework, c’est bien d’avoir une autre option pour utiliser les RSC. Au moins jusqu’à ce que Remix rattrape son retard.

🥪 JamSnack

How I Migrated From Wordpress to Astro: Boosted Pagespeed Scores to 100% and Cut 100% Hosting cost

Cet article raconte comment l'auteur a migré son blog de WordPress vers un site statique avec Astro, ce qui a considérablement amélioré ses performances, tout en soulignant que cette transition demande des compétences techniques plus poussées.

Build A Transcription App with Strapi, ChatGPT, & Whisper: Part 1

Imaginez qu'un assistant IA écoute vos appels vidéo, note tout ce qui se dit, puis propose des suggestions, des réponses et des analyses en temps réel. Cette série de tuto proposée par Strapi vous montrera comment créer votre propre application de transcription qui fait exactement cela.

Mike Sullivan

React is (becoming) a Full-Stack Framework

Cet article explique comment se préparer pour une nouvelle ère dans laquelle les développeurs React implémenteront des fonctionnalités de bout en bout depuis l'interface utilisateur jusqu'à la base de données

Robin Wieruch

Introducing the Vercel Marketplace

Lancement de la 1ère version de Vercel Marketplace. Cette Marketplace prend en charge les solutions de stockage de Supabase, Redis et EdgeDB.

Hedi Zandikarimi, Tom Occhino

What's new in Astro - August 2024

Toutes les actualités d’Astro sur le mois d’août comprenant : Content Layer API (experimental), Astro Actions, Cloudinary Official SDK for Astro, Cloudflare’s new docs built with Starlight, Astro joins Reddit

Sarah Rainsberger

The future of AI: A deep dive into RAG

Cet article de Netlify explore l'avenir de l'intelligence artificielle à travers le concept du Retrieval-Augmented Generation (RAG), une technique combinant la récupération de données externes avec des modèles de langage pour améliorer la précision et la pertinence des réponses. L’article présente les avantages de cette approche, tout en abordant les défis et considérations éthiques liés à son utilisation.

Netlify

📺 Conférences, webinaires et vidéos

Petite liste des conférences tech à venir :

• Next.js Conf - 🇺🇸 San Francisco & Online - 24 octobre 2024

• Netlify Compose - 🇺🇸 San Francisco & Online - 2 et 3 octobre 2024

• WeLoveSpeed - 🇫🇷 17 septembre 2024

• Paris Web - 🇫🇷 26 au 28 septembre 2024

• Devfest Nantes - 🇫🇷 17 et 18 octobre 2024

• Devfest Toulouse - 🇫🇷 7 novembre 2024

DOUBLE SLASH - Les news web dev pour août 2024

Dans cet épisode , l’équipe de Double Slash explore les dernières nouveautés en matière de développement web. Des outils innovants basés sur l'IA pour la génération de bases de données et de formulaires, des solutions pour la création de sites en open source, et bien plus encore. Ils évoquent également des ressources éducatives et des outils pour améliorer l'accessibilité sur le web.

The "Wrong Way" To Use React

Le débat « rendu lors de la récupération » et « récupération lors du rendu » est devenu un peu chaotique, et cet article de blog a inspiré Théo à approfondir cette question : Component, colocation, composition: A note on the state of React

Everything you need to know about building Astro apps backed by Sanity

Chris LaRocque présente l'intégration de Sanity avec Astro et comment elle simplifie la récupération de données et vous permet d'intégrer un Sanity Studio dans votre application Astro, ainsi que d'utiliser l'outil d'édition visuelle de Sanity dans une application Astro.

Integrate Vercel with Supabase, EdgeDB, and Redis

Vidéo de présentation de la Marketplace de Vercel par Lee Robinson de l’équipe Vercel.

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.