Fullstack Web & XState freelancer 🎥 YouTube: https://teapawt.net/t.co/rgK5wDTz2d ✉️ Newsletter: https://teapawt.net/t.co/5xyKOfjbSt 🎙️ Podcast: @ParlonsDevPod
Paris, France
Joined April 2016
- Tweets987
- Following443
- Followers373
- Likes62K
Pinned Tweet
New project release 🎉
I've been working hard on XState by Example, a collection of state machines with visual and interactive examples.
It uses XState 5, the latest version of XState.
xstatebyexample.com
Baptiste Devessier retweeted
Twenty 1.0 is live on Product Hunt 🎉
After two years building twenty.com, we're thrilled to launch our v1.0. Any support — upvote or comment — would mean a lot
producthunt.com/products/twe…
This new version of XState Store looks incredible!
🆕 XState Store v3 is now released!
→ Simpler, more ergonomic API (single arg, store.trigger.event(…))
→ Enqueue effects
→ Store selectors
→ No more awkward types property
→ useStore(): a useReducer() alternative
→ And more! (still tiny: ~ 1kb)
npm i @xstate/store
I had the chance to interview Nick Worrall about how his team uses XState to build @WebinarGeek.
Nick shared many details and even showed me some code!
I loved our conversation, and I hope you'll do so.
youtu.be/oa0VpSMeUs4
Do you prefer listening to podcasts? It's also possible.
xstate-in-the-wild.transisto…
Today, I will do the 7th weekly live stream for @twentycrm. We will work on a technical article.
Join me on Twitch at 4 p.m. UTC+1, and bring your questions!
twitch.tv/twentycrm
I rediscovered the power of HTML labels. They can be wired to an input in various ways.
I dived into them in my last article (see next tweet 👇)
ALT The code of the snippet: <!-- 1. With an id --> <label for="unique-identifier"> Username </label> <input id="unique-identifier" /> <!-- 2. With a wrapping label --> <label> Username <input /> <label> <!-- 3. Combining both --> <label for="toggle-notifications">Notifications<label> <label> <input id="toggle-notifications" type="checkbox" class="sr-only" /> <span> Visual elements to give a switch look <span> <label>
Do you want to get notified when I released a new article? You can subscribe to my newsletter!
newsletter.baptiste.devessie…
I’m doing a live stream on Twitch for @twentycrm in 10 minutes. We are going to talk about accessibility!
Come join me!
Here we go again: a new video just dropped 🎥
@thesegunadebayo took the time to talk with me about @zag_js, state machines, and @chakra_ui.
That was an insightful discussion, and we agreed on many things, especially the benefit of state machines 👀
youtu.be/2N4pSQqGT48
Do you prefer listening to podcasts? Here you go!
xstate-in-the-wild.transisto…
I just set up @thekeystatic on Netlify with Astro, hybrid mode, and GitHub auth. That's awesome. It works so smoothly.
The editor is top-tier, and I'm pleased to be able to edit the articles on my new websites from my phone!
Great work!
Be sure to check out Sandro's course on XState. You will learn many things to get started with the best state management solution in the wild!
XState Complete Getting Started Guide is out now 🚀
Learn the power of actors and statecharts to manage the state of your app with XState
Here is what you'll learn 👇🧵
typeonce.dev/course/xstate-c…
Baptiste Devessier retweeted
Une nouvelle vidéo est disponible sur YouTube !
Paul et Baptiste passent en revue les règles de typescript-eslint (@tseslint) qui leur paraissent les plus utiles pour augmenter la strictness d'un projet. Et il y a de quoi faire !
youtu.be/7t2fyzQn3q8
🎥 New video!
I talked to Doug Lowder, who introduced XState at @expo.
We had an exciting conversation about XState, state machines, native code, and the over-the-air app update system of Expo.
Link in the following tweet 👇
I also released this interview for my new podcast, XState in the Wild. You can find the episode in your favorite podcasting app.
xstate-in-the-wild.transisto…