ゼロから XState を学べます。

【読者】
・XState の初学者
・React使いで XState に興味ある方

【特徴は】
・XState を日本語で学習できること
・TypeScript を活用した XState の利用
・最新の XState v5 の利用
・Next.js 15 の利用

【本書籍がカバーする技術】
・XState

【その他】
「いいね」してくれたらモチベーションあがります🚀 

XState 入門

はじめに

第１部　基礎知識

ステートマシンの基礎

XState の基礎

XState での状態遷移

XState の選定理由

第２部　チュートリアル

事前準備

XState をインストール

ステートマシンを作成

ステートマシンを構文チェック

VSCode の拡張機能

ステートマシンを操作（Actor）

データをストア（Context）

ストアされたデータを更新（assign）

同期処理を実行するタイミング（actions）

ストアするデータを初期化（Input）

条件付きで遷移（Guards）

非同期処理を実行（Invoke）

遅延遷移（after）

XState を型安全に利用

第３部　Next.js プロジェクト（初級編）

トグルボタンの作成

カウンターの作成

温度変換器の作成

ストップウォッチの作成

Tic-Tac-Toeゲームの作成

Todo アプリの作成

第４部　Next.js プロジェクト（中級編）- 文字起こしアプリ

XState 利用せずに音声認識を実装

XState 利用せずにカスタムフックを作成

XState 利用して音声認識を実装

XState vs useState の比較

さいごに

nextjs

react

typescript

xstate

hayato94087