XStateを支える概念と実装方法について - STORES Product Blog

最初に STORES 予約 の開発をしているTak-Iwamotoです。 STORES 予約 は元々 Coubic というサービス名でリリースされ、heyにジョインしたタイミングで STORES 予約 としてリブランディングされました。 ただ、今でもエンドユーザーさまが予約する画面は Coubic の名称となっています。 この Coubic はNext.jsで作られており状態管理のライブラリはReduxを使用しているのですが、良くないReduxの使い方によって改修に時間がかかったり、コードの見通しが悪い箇所があります。 詳しくはこちらの記事をご覧ください。 そういった背景があり、状態管理のリファクタリングの一環でRedux -> XStateへの移行を検討中です。(ただ、優先順位の都合でまだ本格的に移行はできていません。) この記事ではXStateのコアとなる概念、Coubicで抱えている

[Outrast]

"ReduxのReducerはステートマシンとして扱うべきだが、状態遷移が複雑になると制御が自前になる。XStateはステートマシンに特化している"

[berlysia]

ReduxのReducerはステートマシンとして扱うべきだが、状態遷移が複雑になると制御が自前になる。XStateはステートマシンに特化しているので、ウィザード的な実装的な実装に適しているのではないかという話、と読んだ