XState 入門
無料で読める本
ゼロから XState を学べます。 【読者】 ・XState の初学者 ・React使いで XState に興味ある方 【特徴は】 ・XState を日本語で学習できること ・TypeScript を活用した XState の利用 ・最新の XState v5 の利用 ・Next.js 15 の利用 【本書籍がカバーする技術】 ・XState 【その他】 「いいね」してくれたらモチベーションあがります🚀
Chapters
はじめに
第1部 基礎知識
ステートマシンの基礎
XState の基礎
XState での状態遷移
XState の選定理由
第2部 チュートリアル
事前準備
XState をインストール
ステートマシンを作成
ステートマシンを構文チェック
VSCode の拡張機能
ステートマシンを操作(Actor)
データをストア(Context)
ストアされたデータを更新(assign)
同期処理を実行するタイミング(actions)
ストアするデータを初期化(Input)
条件付きで遷移(Guards)
非同期処理を実行(Invoke)
遅延遷移(after)
XState を型安全に利用
第3部 Next.js プロジェクト(初級編)
トグルボタンの作成
カウンターの作成
温度変換器の作成
ストップウォッチの作成
Tic-Tac-Toeゲームの作成
Todo アプリの作成
第4部 Next.js プロジェクト(中級編)- 文字起こしアプリ
XState 利用せずに音声認識を実装
XState 利用せずにカスタムフックを作成
XState 利用して音声認識を実装
XState vs useState の比較
さいごに
Author
Topics