That's it, I'm switching to xstate store
December 26, 2024 at 10:06 PM
That's it, I'm switching to xstate store
Recommend @tkdodo.eu’s post comparing xstate store with zustand. Basically, xstate store *is* zustand, if they helped you fall into the happy path tkdodo.eu/blog/introdu...
Introducing XState Store
There's a new state manager in the game, and it ticks all my boxes ...
tkdodo.eu
December 27, 2024 at 1:22 PM
Recommend @tkdodo.eu’s post comparing xstate store with zustand. Basically, xstate store *is* zustand, if they helped you fall into the happy path tkdodo.eu/blog/introdu...
⚛️ XState Store now has atoms, and they're *really* simple.
→ atom.get()
→ atom.set(…)
→ Derived atoms (reactive)
→ Async atoms
→ Stores are atoms too!
npm i @xstate/store
stately.ai/docs/xstate-...
→ atom.get()
→ atom.set(…)
→ Derived atoms (reactive)
→ Async atoms
→ Stores are atoms too!
npm i @xstate/store
stately.ai/docs/xstate-...
May 13, 2025 at 2:38 PM
⚛️ XState Store now has atoms, and they're *really* simple.
→ atom.get()
→ atom.set(…)
→ Derived atoms (reactive)
→ Async atoms
→ Stores are atoms too!
npm i @xstate/store
stately.ai/docs/xstate-...
→ atom.get()
→ atom.set(…)
→ Derived atoms (reactive)
→ Async atoms
→ Stores are atoms too!
npm i @xstate/store
stately.ai/docs/xstate-...
The hard part of TypeScript isn’t the typescript, it’s that it forces you to actually define your domain. Kinda like how xstate sucks because it exposes the actual complexity of your application.
November 28, 2025 at 10:24 PM
The hard part of TypeScript isn’t the typescript, it’s that it forces you to actually define your domain. Kinda like how xstate sucks because it exposes the actual complexity of your application.
One way I like to learn is to try and reverse engineer smaller libraries. Spent ~30mins doing that with xstate/store this morning and got it working, React updates and all. May have to write about it.
Y'all need to check out this lib. API is so straightforward.
stately.ai/docs/xstate-...
Y'all need to check out this lib. API is so straightforward.
stately.ai/docs/xstate-...
@xstate/store | Stately
XState Store is a small library for simple state management in JavaScript/TypeScript applications. It is meant for updating store data using events for vanilla JavaScript/TypeScript apps, React apps, ...
stately.ai
October 31, 2024 at 4:51 PM
One way I like to learn is to try and reverse engineer smaller libraries. Spent ~30mins doing that with xstate/store this morning and got it working, React updates and all. May have to write about it.
Y'all need to check out this lib. API is so straightforward.
stately.ai/docs/xstate-...
Y'all need to check out this lib. API is so straightforward.
stately.ai/docs/xstate-...
I feel like I'm abusing implementation details of TypeScript just a little bit too much here 🤣
github.com/statelyai/xs...
github.com/statelyai/xs...
[@xstate/store] v3 by davidkpiano · Pull Request #5175 · statelyai/xstate
Actor-based state management & orchestration for complex app logic. - [@xstate/store] v3 by davidkpiano · Pull Request #5175 · statelyai/xstate
github.com
January 22, 2025 at 10:59 AM
I feel like I'm abusing implementation details of TypeScript just a little bit too much here 🤣
github.com/statelyai/xs...
github.com/statelyai/xs...
How would you simplify XState?
Planning for the next major version, and would love to hear your thoughts and ideas ✍️
Planning for the next major version, and would love to hear your thoughts and ideas ✍️
December 18, 2024 at 5:32 PM
How would you simplify XState?
Planning for the next major version, and would love to hear your thoughts and ideas ✍️
Planning for the next major version, and would love to hear your thoughts and ideas ✍️
This Week In React 242 - Thanks to @piaskowyk.bsky.social @kacperkapusciak.bsky.social
🍿 Read/subscribe here:
thisweekinreact.com/newsletter/242
⚛️ React
- Vite RSC
- Next.js
- NuxtLabs
- shadcn
- TanStack
- Valtio
- XState
- RHF
📱 RN
- Unistyles
- RAG
- Shadow Insets
- Ignite
- Metro
- 0.81 RC
🍿 Read/subscribe here:
thisweekinreact.com/newsletter/242
⚛️ React
- Vite RSC
- Next.js
- NuxtLabs
- shadcn
- TanStack
- Valtio
- XState
- RHF
📱 RN
- Unistyles
- RAG
- Shadow Insets
- Ignite
- Metro
- 0.81 RC
This Week In React #242: Vite RSC, Next.js, NuxtLabs, shadcn, TanStack, Valtio, XState, RHF | Unistyles, Rag, Shadow Insets, Ignite, Metro, RN 0.81 RC | TypeScript, CSS Gaps, Browserlist-rs, Biome, As...
Hi everyone! Kacper and Krzysztof from Software Mansion here! 👋
thisweekinreact.com
July 9, 2025 at 2:48 PM
This Week In React 242 - Thanks to @piaskowyk.bsky.social @kacperkapusciak.bsky.social
🍿 Read/subscribe here:
thisweekinreact.com/newsletter/242
⚛️ React
- Vite RSC
- Next.js
- NuxtLabs
- shadcn
- TanStack
- Valtio
- XState
- RHF
📱 RN
- Unistyles
- RAG
- Shadow Insets
- Ignite
- Metro
- 0.81 RC
🍿 Read/subscribe here:
thisweekinreact.com/newsletter/242
⚛️ React
- Vite RSC
- Next.js
- NuxtLabs
- shadcn
- TanStack
- Valtio
- XState
- RHF
📱 RN
- Unistyles
- RAG
- Shadow Insets
- Ignite
- Metro
- 0.81 RC
If you use @svelte.dev, remember that runed.dev exists 😊!
One of my favourites: runed.dev/docs/utiliti...
It makes reasoning about user interactions simple, and is a lot more lightweight and easier to use than XState.
One of my favourites: runed.dev/docs/utiliti...
It makes reasoning about user interactions simple, and is a lot more lightweight and easier to use than XState.
Runed
Magical utilities for Svelte 5.
runed.dev
August 8, 2025 at 4:57 PM
If you use @svelte.dev, remember that runed.dev exists 😊!
One of my favourites: runed.dev/docs/utiliti...
It makes reasoning about user interactions simple, and is a lot more lightweight and easier to use than XState.
One of my favourites: runed.dev/docs/utiliti...
It makes reasoning about user interactions simple, and is a lot more lightweight and easier to use than XState.
Claude does a much better job the more structure you give it. I wonder what mockups + an xstate machine would give me…
March 28, 2025 at 9:49 PM
Claude does a much better job the more structure you give it. I wonder what mockups + an xstate machine would give me…
One of my favourite patterns lately: driving complex UI flows with a state machine (XState), then reusing the same machine in completely different contexts.
#buildInPublic #react #xstate
#buildInPublic #react #xstate
March 12, 2026 at 6:17 PM
One of my favourite patterns lately: driving complex UI flows with a state machine (XState), then reusing the same machine in completely different contexts.
#buildInPublic #react #xstate
#buildInPublic #react #xstate
The part I like the most: handling side effects.
I wanted to update one state variable when another changes, but on a debounced network request.
Hard to model in other systems. In xstate, it's simple:
- emit() an event
- handle that event with store.on() + a debounce wrapper
I wanted to update one state variable when another changes, but on a debounced network request.
Hard to model in other systems. In xstate, it's simple:
- emit() an event
- handle that event with store.on() + a debounce wrapper
December 26, 2024 at 10:46 PM
The part I like the most: handling side effects.
I wanted to update one state variable when another changes, but on a debounced network request.
Hard to model in other systems. In xstate, it's simple:
- emit() an event
- handle that event with store.on() + a debounce wrapper
I wanted to update one state variable when another changes, but on a debounced network request.
Hard to model in other systems. In xstate, it's simple:
- emit() an event
- handle that event with store.on() + a debounce wrapper
Game dev journal entry 03: time traveling with multiple layers of actors in XState.
garden.bradwoods.io/notes/game-d...
#xstate #gamedev
garden.bradwoods.io/notes/game-d...
#xstate #gamedev
Brad Woods Digital Garden
Notes about creative coding on the Web.
garden.bradwoods.io
March 17, 2025 at 6:28 AM
Game dev journal entry 03: time traveling with multiple layers of actors in XState.
garden.bradwoods.io/notes/game-d...
#xstate #gamedev
garden.bradwoods.io/notes/game-d...
#xstate #gamedev
Oh thank goodness. Said xstate 3 times the other day on here and you didn't pop up in my mentions 😭
October 30, 2024 at 4:26 PM
Oh thank goodness. Said xstate 3 times the other day on here and you didn't pop up in my mentions 😭
This Week In React 279:
⚛️
- React Compiler
- TSRX
- StyleX
- TanStack
- XState
- shadcn
- Hook Form
- Inertia
📱
- Swift Package Manager
- JSI
- SimCam
- Enriched Markdown
- MLX
- Jail Monkey
🍿 Read/subscribe: thisweekinreact.com/newsletter/279
✍️ @kacperkapusciak.bsky.social Konrad
⚛️
- React Compiler
- TSRX
- StyleX
- TanStack
- XState
- shadcn
- Hook Form
- Inertia
📱
- Swift Package Manager
- JSI
- SimCam
- Enriched Markdown
- MLX
- Jail Monkey
🍿 Read/subscribe: thisweekinreact.com/newsletter/279
✍️ @kacperkapusciak.bsky.social Konrad
April 29, 2026 at 12:39 PM
This Week In React 279:
⚛️
- React Compiler
- TSRX
- StyleX
- TanStack
- XState
- shadcn
- Hook Form
- Inertia
📱
- Swift Package Manager
- JSI
- SimCam
- Enriched Markdown
- MLX
- Jail Monkey
🍿 Read/subscribe: thisweekinreact.com/newsletter/279
✍️ @kacperkapusciak.bsky.social Konrad
⚛️
- React Compiler
- TSRX
- StyleX
- TanStack
- XState
- shadcn
- Hook Form
- Inertia
📱
- Swift Package Manager
- JSI
- SimCam
- Enriched Markdown
- MLX
- Jail Monkey
🍿 Read/subscribe: thisweekinreact.com/newsletter/279
✍️ @kacperkapusciak.bsky.social Konrad
Code patterns for rendering UI using XState and three.js.
garden.bradwoods.io/notes/game-d...
#frontend #threejs #xstate
garden.bradwoods.io/notes/game-d...
#frontend #threejs #xstate
Brad Woods Digital Garden
Notes about creative coding on the Web.
garden.bradwoods.io
March 10, 2025 at 12:07 PM
Code patterns for rendering UI using XState and three.js.
garden.bradwoods.io/notes/game-d...
#frontend #threejs #xstate
garden.bradwoods.io/notes/game-d...
#frontend #threejs #xstate
Many thanks to the VueSchool team for inviting me again in @vuejsnation.com 2025 as speaker.
Together we demo-ed how we can make our state logic more predictable and scalable for complex applications.
👉 Demo: github.com/mayashavin/m...
👉 Slides: docs.google.com/presentation...
Together we demo-ed how we can make our state logic more predictable and scalable for complex applications.
👉 Demo: github.com/mayashavin/m...
👉 Slides: docs.google.com/presentation...
GitHub - mayashavin/multi-step-form-xstate-2025
Contribute to mayashavin/multi-step-form-xstate-2025 development by creating an account on GitHub.
github.com
January 30, 2025 at 7:39 PM
Many thanks to the VueSchool team for inviting me again in @vuejsnation.com 2025 as speaker.
Together we demo-ed how we can make our state logic more predictable and scalable for complex applications.
👉 Demo: github.com/mayashavin/m...
👉 Slides: docs.google.com/presentation...
Together we demo-ed how we can make our state logic more predictable and scalable for complex applications.
👉 Demo: github.com/mayashavin/m...
👉 Slides: docs.google.com/presentation...
You’re not asking me, but xstate and xstate/store are not the same. The latter is a dead simple, event driven store.
As for your actual question, happy to try and help if you want it. I’ve written a lot about state machines, made ‘em from scratch, and have a course on ‘em.
As for your actual question, happy to try and help if you want it. I’ve written a lot about state machines, made ‘em from scratch, and have a course on ‘em.
December 27, 2024 at 12:15 AM
You’re not asking me, but xstate and xstate/store are not the same. The latter is a dead simple, event driven store.
As for your actual question, happy to try and help if you want it. I’ve written a lot about state machines, made ‘em from scratch, and have a course on ‘em.
As for your actual question, happy to try and help if you want it. I’ve written a lot about state machines, made ‘em from scratch, and have a course on ‘em.
Join us on today's episode as we interview David Khourshid @davidkpiano.bsky.social. We will learn about state machines and how XState plays nice with #Angular right out of the box! #ngconf
🍎https://apple.co/4ipNHcP
🟢 spoti.fi/3VxlGGq
🍎https://apple.co/4ipNHcP
🟢 spoti.fi/3VxlGGq
December 9, 2024 at 11:31 PM
Join us on today's episode as we interview David Khourshid @davidkpiano.bsky.social. We will learn about state machines and how XState plays nice with #Angular right out of the box! #ngconf
🍎https://apple.co/4ipNHcP
🟢 spoti.fi/3VxlGGq
🍎https://apple.co/4ipNHcP
🟢 spoti.fi/3VxlGGq
It's interesting that the XState docs are now just part of the Stately docs. In fact, the Stately docs are mostly XState. I don't know if the blurring is a good idea. stately.ai/docs/install...
I assume the hope is that XState users will see "Stately Studio" and such in the sidebar and check it out
I assume the hope is that XState users will see "Stately Studio" and such in the sidebar and check it out
Installation | Stately
XState has zero dependencies and runs anywhere that JavaScript runs. You can install XState using your favorite package manager, like npm, pnpm, or yarn.
stately.ai
January 2, 2025 at 1:13 PM
It's interesting that the XState docs are now just part of the Stately docs. In fact, the Stately docs are mostly XState. I don't know if the blurring is a good idea. stately.ai/docs/install...
I assume the hope is that XState users will see "Stately Studio" and such in the sidebar and check it out
I assume the hope is that XState users will see "Stately Studio" and such in the sidebar and check it out
Tested the generated code by putting it into the XState visualizer.
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
December 1, 2024 at 12:42 AM
Tested the generated code by putting it into the XState visualizer.
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
Checkout the visualizer and the xstate package, if you haven't used it before: stately.ai/viz
I was using xstate/store for everything before. This is a top-down storage library that works like Zustand or Redux.
First, it was comically complex for simple UI state, like sharing a text selection between my text editor library (prosemirror) and React. Jotai was built for that and it shows
First, it was comically complex for simple UI state, like sharing a text selection between my text editor library (prosemirror) and React. Jotai was built for that and it shows
January 11, 2025 at 10:42 PM
I was using xstate/store for everything before. This is a top-down storage library that works like Zustand or Redux.
First, it was comically complex for simple UI state, like sharing a text selection between my text editor library (prosemirror) and React. Jotai was built for that and it shows
First, it was comically complex for simple UI state, like sharing a text selection between my text editor library (prosemirror) and React. Jotai was built for that and it shows
Next, there's persistence. This is pretty nice with xstate and zustand already, but I'm in LOVE with Jotai's "atomWithStorage" utility. Uses localStorage by default, and it's easy to DIY a serializer if you need one. Could see this being great for Indexeddb
January 11, 2025 at 10:44 PM
Next, there's persistence. This is pretty nice with xstate and zustand already, but I'm in LOVE with Jotai's "atomWithStorage" utility. Uses localStorage by default, and it's easy to DIY a serializer if you need one. Could see this being great for Indexeddb