Baptiste est un fan inconditionnel de la librairie JavaScript XState depuis 2020 et il a contaminé Paul sans trop de difficulté. Ils en parlent en long, en large et en travers dans cet épisode. Paul et Baptiste abordent notamment la version 5 de XState qui améliore grandement la librairie, mais aussi du Stately Studio – l'éditeur de state machines en ligne développé par les mainteneurs de XState. L'épisode se termine sur la place toute trouvée de XState dans la création d'AI Agents avec @statelyai/agent.

• Vidéo de Baptiste sur Panda CSS
• Vidéo de Baptiste sur la transformation d'un podcast en vidéo avec Remotion
• Remotion
• React Three Fiber
• XState
• Statecharts
• SCXML
• scion
• XState by Example
• Stately Studio
• Fonction setup() de XState 5
• @xstate/store
• @statelyai/agent

En ce moment, Paul s'intéresse à la spécification OpenAPI. Grâce à l'OpenAPI, Paul peut automatiser beaucoup de tâches, comme la génération de types TypeScript pour les données retournées par un backend. L'utilisation d'une spécification OpenAPI permet aussi de simplifier la communication entre plusieurs équipes, voire de développer en parallèle le frontend et le backend.

Liens :

• OpenAPI
• OpenAPI Links
• Awesome OpenAPI3
• openapi-typescript
• openapi-fetch
• tRPC
• Japa API Client : assertAgainstApiSpec
• MSW
• msw-auto-mock

Baptiste a récemment testé Panda CSS, une nouvelle solution de styling CSS-in-JS, qui privilégie la type-safety et la génération des styles au build time au lieu du runtime. Paul et Baptiste se retrouvent pour discuter de l'intérêt de Panda CSS et de ses différences avec d'autres outils comme Tailwind CSS et styled-components.

Liens :

• Panda CSS
• CVA
• SVA
• Class Variance Authority
• Tailwind CSS
• Tailwind UI
• Playground Tailwind -> Panda
• StyleX
• Article de Baptiste à propos de ses premières impressions de Panda CSS
• Vidéo de Theo t3.gg sur l'article de Baptiste
• Vidéo de réponse de Baptiste à Theo