Another @remix.run v3 + state management library example, now Stately.ai's xstate.
Define the machine once, create the actor and subscribe to updates in the setup scope, and get a snapshot or send events on the render scope.
Full code: github.com/sergiodxa/re...
Define the machine once, create the actor and subscribe to updates in the setup scope, and get a snapshot or send events on the render scope.
Full code: github.com/sergiodxa/re...
October 16, 2025 at 11:12 PM
Another @remix.run v3 + state management library example, now Stately.ai's xstate.
Define the machine once, create the actor and subscribe to updates in the setup scope, and get a snapshot or send events on the render scope.
Full code: github.com/sergiodxa/re...
Define the machine once, create the actor and subscribe to updates in the setup scope, and get a snapshot or send events on the render scope.
Full code: github.com/sergiodxa/re...
I finally got the chance to try xstate store after hearing about it at @davidkpiano.bsky.social's talk at React Paris.
Really liking it! I like that we get the usual clean action+reducer pattern, but also a safe way to trigger side effects _within_ the action (e.g. showing a notification)
Really liking it! I like that we get the usual clean action+reducer pattern, but also a safe way to trigger side effects _within_ the action (e.g. showing a notification)
September 24, 2025 at 12:55 PM
I finally got the chance to try xstate store after hearing about it at @davidkpiano.bsky.social's talk at React Paris.
Really liking it! I like that we get the usual clean action+reducer pattern, but also a safe way to trigger side effects _within_ the action (e.g. showing a notification)
Really liking it! I like that we get the usual clean action+reducer pattern, but also a safe way to trigger side effects _within_ the action (e.g. showing a notification)
I think that mostly this isn't done because the representation is too low level, except for situations where complex process logic needs modeled, and in those cases, you can reach for a library like XState or Akka.
November 10, 2024 at 12:15 PM
I think that mostly this isn't done because the representation is too low level, except for situations where complex process logic needs modeled, and in those cases, you can reach for a library like XState or Akka.
that said, using xstate made me think about error and loading states as full-fledged states. this is really cool, on both a technical and "mental-model" perspective, and will be valuable whether or not i use xstate for more. a lot of 'loading' state is hidden in promises.
February 28, 2025 at 5:44 PM
that said, using xstate made me think about error and loading states as full-fledged states. this is really cool, on both a technical and "mental-model" perspective, and will be valuable whether or not i use xstate for more. a lot of 'loading' state is hidden in promises.
sinto saudades do xstate de bvillains aqui do bsky
April 8, 2025 at 7:42 PM
sinto saudades do xstate de bvillains aqui do bsky
So, XState is pretty cool.
I probably just made the most garbage state machine ever. Which also happens to be the first state machine I've written ever.
But it's still pretty cool.
I probably just made the most garbage state machine ever. Which also happens to be the first state machine I've written ever.
But it's still pretty cool.
May 7, 2023 at 12:14 PM
So, XState is pretty cool.
I probably just made the most garbage state machine ever. Which also happens to be the first state machine I've written ever.
But it's still pretty cool.
I probably just made the most garbage state machine ever. Which also happens to be the first state machine I've written ever.
But it's still pretty cool.
📝 Comment concrètement utiliser des states machines avec ⚛️ React et XState.
medium.com/yousign-engi...
medium.com/yousign-engi...
Utiliser des states machines avec React et XState
Nous allons voir comment utiliser la librairie xstate afin de simplifier l’orchestration des états et de nos composants React.
medium.com
February 14, 2024 at 3:43 PM
📝 Comment concrètement utiliser des states machines avec ⚛️ React et XState.
medium.com/yousign-engi...
medium.com/yousign-engi...
<a href="https://zenn.dev/sonicmoov/articles/introduction-to-xstate-and-react-router" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">zenn.dev/sonicmoov/...
XState入門(+おまけでReact Router v7)
- XStateはJavaScriptアプリの状態管理ライブラリ
- 状態遷移やイベント、副作用をステートマシンでモデル化
- React Router v7との連携例を提示、UI制御にも利用可能
XState入門(+おまけでReact Router v7)
- XStateはJavaScriptアプリの状態管理ライブラリ
- 状態遷移やイベント、副作用をステートマシンでモデル化
- React Router v7との連携例を提示、UI制御にも利用可能
XState入門(+おまけでReact Router v7)
XState + React Router v7で状態遷移を実装してみよう こんにちは！ソニックムーブエンジニアのchiakiです！ 今回はXStateを利用しての状態遷移実装を初めて行ったので、入門編として記事にまとめていきたいと思います！ https://xstate.js.org/ XStateとは…
zenn.dev
March 3, 2025 at 7:33 AM
<a href="https://zenn.dev/sonicmoov/articles/introduction-to-xstate-and-react-router" class="hover:underline text-blue-600 dark:text-sky-400 no-card-link" target="_blank" rel="noopener" data-link="bsky">zenn.dev/sonicmoov/...
XState入門(+おまけでReact Router v7)
- XStateはJavaScriptアプリの状態管理ライブラリ
- 状態遷移やイベント、副作用をステートマシンでモデル化
- React Router v7との連携例を提示、UI制御にも利用可能
XState入門(+おまけでReact Router v7)
- XStateはJavaScriptアプリの状態管理ライブラリ
- 状態遷移やイベント、副作用をステートマシンでモデル化
- React Router v7との連携例を提示、UI制御にも利用可能
*throws hands in air* I'm rewriting it in Xstate and Svelte
January 25, 2025 at 1:22 AM
*throws hands in air* I'm rewriting it in Xstate and Svelte
Digging past the surface a bit with xstate and using selectors as well as putting the xstate service itself in React context (thanks @mpocock1 for the great video+article)
xstate + typescript gets... complex, but so far it's still feeling great
https://t.co/cCGDN8VvtO
xstate + typescript gets... complex, but so far it's still feeling great
https://t.co/cCGDN8VvtO
November 3, 2024 at 4:37 PM
Digging past the surface a bit with xstate and using selectors as well as putting the xstate service itself in React context (thanks @mpocock1 for the great video+article)
xstate + typescript gets... complex, but so far it's still feeling great
https://t.co/cCGDN8VvtO
xstate + typescript gets... complex, but so far it's still feeling great
https://t.co/cCGDN8VvtO
ooh yeah I definitely wanna try using xstate at some point
February 29, 2024 at 3:47 PM
ooh yeah I definitely wanna try using xstate at some point
Looking at xstate for durable workflows again, the problem of iterating on the machine seems kinda unsolved still
What if we just deploy both machines and route between them? Event simply needs to contain which machine version it's for, if you have a workflow ID you'd just encode it into that
What if we just deploy both machines and route between them? Event simply needs to contain which machine version it's for, if you have a workflow ID you'd just encode it into that
January 31, 2025 at 12:48 PM
Looking at xstate for durable workflows again, the problem of iterating on the machine seems kinda unsolved still
What if we just deploy both machines and route between them? Event simply needs to contain which machine version it's for, if you have a workflow ID you'd just encode it into that
What if we just deploy both machines and route between them? Event simply needs to contain which machine version it's for, if you have a workflow ID you'd just encode it into that
XState Resources ( #XST ) has released " Appointment of Managing Director " on Mon 07 Apr at 09:34 AEST #Australia #ltd #ASX #Drilling #management
XState Resources share price
XState Resources (ASX:XST) is an asset listed on the ASX, and part of the Energy sector. Grafa’s asset page shows XState Resources’s share price, chart, trading
grafa.com
April 6, 2025 at 11:41 PM
XState Resources ( #XST ) has released " Appointment of Managing Director " on Mon 07 Apr at 09:34 AEST #Australia #ltd #ASX #Drilling #management
This sounds all very machiavellian and planned, but I just wrote about XState because I liked it, and I posted about TS because I liked it and wanted to get into DevRel.
November 4, 2024 at 7:18 AM
This sounds all very machiavellian and planned, but I just wrote about XState because I liked it, and I posted about TS because I liked it and wanted to get into DevRel.
ADX Raises Stake in Austria’s Anshof to 70 Percent
https://www.europesays.com/2306342/
ADX Energy Ltd. has completed a deal to acquire Xstate Resources Ltd.’s (XST) 20 percent stake in the…
https://www.europesays.com/2306342/
ADX Energy Ltd. has completed a deal to acquire Xstate Resources Ltd.’s (XST) 20 percent stake in the…
ADX Raises Stake in Austria's Anshof to 70 Percent - EUROPE SAYS
ADX Energy Ltd. has completed a deal to acquire Xstate Resources Ltd.’s (XST) 20 percent stake in the Anshof Field Area, resulting in the Aussie company
www.europesays.com
August 6, 2025 at 7:30 AM
ADX Raises Stake in Austria’s Anshof to 70 Percent
https://www.europesays.com/2306342/
ADX Energy Ltd. has completed a deal to acquire Xstate Resources Ltd.’s (XST) 20 percent stake in the…
https://www.europesays.com/2306342/
ADX Energy Ltd. has completed a deal to acquire Xstate Resources Ltd.’s (XST) 20 percent stake in the…
I’ve been studying XState and really like it, but I feel making the machine spec TypeScript-compatible adds a lot of impedance mismatch. OTOH, the stateml.org syntax feels incredibly ergonomic. If StateML were a thing, with strong IDE support and an XState backend, it’d be a match made in heaven!
September 26, 2025 at 1:24 AM
I’ve been studying XState and really like it, but I feel making the machine spec TypeScript-compatible adds a lot of impedance mismatch. OTOH, the stateml.org syntax feels incredibly ergonomic. If StateML were a thing, with strong IDE support and an XState backend, it’d be a match made in heaven!
Need React state management that handles simple and complex use cases and is easy to use?
Try the new API XState Store from Stately ai
I always wanted to use xState but it was so much boilerplate code to write to get started, now with the new createStore API it is much simpler to start.
Try the new API XState Store from Stately ai
I always wanted to use xState but it was so much boilerplate code to write to get started, now with the new createStore API it is much simpler to start.
December 23, 2024 at 2:32 PM
Need React state management that handles simple and complex use cases and is easy to use?
Try the new API XState Store from Stately ai
I always wanted to use xState but it was so much boilerplate code to write to get started, now with the new createStore API it is much simpler to start.
Try the new API XState Store from Stately ai
I always wanted to use xState but it was so much boilerplate code to write to get started, now with the new createStore API it is much simpler to start.
[PATCH 6/9] selftests/x86/xstate: Introduce signal ABI test "Chang S. Bae" writes: (Summa...
http://lkml.org/lkml/2025/2/25/2349
Event Attributes
http://lkml.org/lkml/2025/2/25/2349
Event Attributes
Awakari App
awakari.com
February 26, 2025 at 1:16 AM
[PATCH 6/9] selftests/x86/xstate: Introduce signal ABI test "Chang S. Bae" writes: (Summa...
http://lkml.org/lkml/2025/2/25/2349
Event Attributes
http://lkml.org/lkml/2025/2/25/2349
Event Attributes
This makes XState a great fit for applications with complex UI flows, asynchronous logic, or intricate user interactions.
April 16, 2025 at 4:23 PM
This makes XState a great fit for applications with complex UI flows, asynchronous logic, or intricate user interactions.
the copies that xstate passes me are mutable, but they aren't reactive.
I could pass a reactive version of this data to xstate, but xstate completely tosses it away internally so we don't get any performance / fine-grained benefits out of the box -- we need to basically VDOM their data
I could pass a reactive version of this data to xstate, but xstate completely tosses it away internally so we don't get any performance / fine-grained benefits out of the box -- we need to basically VDOM their data
January 8, 2025 at 3:45 PM
the copies that xstate passes me are mutable, but they aren't reactive.
I could pass a reactive version of this data to xstate, but xstate completely tosses it away internally so we don't get any performance / fine-grained benefits out of the box -- we need to basically VDOM their data
I could pass a reactive version of this data to xstate, but xstate completely tosses it away internally so we don't get any performance / fine-grained benefits out of the box -- we need to basically VDOM their data
This afternoon I built a type-safe state machine builder that uses Nanostores and that is inspired by XState.
Not published yet as an NPM package (and may never be), so if you are interested to use it (let me know), you can copy-paste this code to your utils dir:
gist.github.com/arthur-fonta...
Not published yet as an NPM package (and may never be), so if you are interested to use it (let me know), you can copy-paste this code to your utils dir:
gist.github.com/arthur-fonta...
`nanomachine` is a type-safe state machine builder based on Nanostores and inspired by XState.
`nanomachine` is a type-safe state machine builder based on Nanostores and inspired by XState. - nanomachine.ts
gist.github.com
January 8, 2025 at 9:22 PM
This afternoon I built a type-safe state machine builder that uses Nanostores and that is inspired by XState.
Not published yet as an NPM package (and may never be), so if you are interested to use it (let me know), you can copy-paste this code to your utils dir:
gist.github.com/arthur-fonta...
Not published yet as an NPM package (and may never be), so if you are interested to use it (let me know), you can copy-paste this code to your utils dir:
gist.github.com/arthur-fonta...
Just added persisted layouts to my resizable grid component and the xstate persistence API made it a breeze 🔥
November 4, 2024 at 5:23 AM
Just added persisted layouts to my resizable grid component and the xstate persistence API made it a breeze 🔥
My understanding is that you only need separate types for esm and CJS if you have a default export. Same types work fine otherwise.
Also, here is another preconstruct example without nested types that works: arethetypeswrong.github.io?p=xstate-hel...
github.com/VanTanev/xst...
Also, here is another preconstruct example without nested types that works: arethetypeswrong.github.io?p=xstate-hel...
github.com/VanTanev/xst...
Are The Types Wrong?
Tool for analyzing TypeScript types of npm packages
arethetypeswrong.github.io
November 17, 2024 at 10:59 AM
My understanding is that you only need separate types for esm and CJS if you have a default export. Same types work fine otherwise.
Also, here is another preconstruct example without nested types that works: arethetypeswrong.github.io?p=xstate-hel...
github.com/VanTanev/xst...
Also, here is another preconstruct example without nested types that works: arethetypeswrong.github.io?p=xstate-hel...
github.com/VanTanev/xst...
Hi Joseph. Absolutely!
Everyone in software probably hears of state-machines sometime in their career and thinks "that's neat!" and as soon as they start implementing them it becomes a bloated mess and doing traditional logic is easier to read.
Xstate allows us to abstract complicated logic
Everyone in software probably hears of state-machines sometime in their career and thinks "that's neat!" and as soon as they start implementing them it becomes a bloated mess and doing traditional logic is easier to read.
Xstate allows us to abstract complicated logic
November 28, 2024 at 8:59 AM
Hi Joseph. Absolutely!
Everyone in software probably hears of state-machines sometime in their career and thinks "that's neat!" and as soon as they start implementing them it becomes a bloated mess and doing traditional logic is easier to read.
Xstate allows us to abstract complicated logic
Everyone in software probably hears of state-machines sometime in their career and thinks "that's neat!" and as soon as they start implementing them it becomes a bloated mess and doing traditional logic is easier to read.
Xstate allows us to abstract complicated logic