React Hooks と TypeScript でつくる Todo PWA ~ 入門 React ハンズオン

React Hooks と TypeScript でつくる Todo PWA ~ 入門 React ハンズオン

入門 React ハンズオン

Chapters
Chapter 01無料公開

はじめに

Chapter 02無料公開

開発環境の準備(Vite.js 編)

Chapter 03無料公開

開発環境の準備(リント&フォーマット編)

Chapter 04無料公開

React コンポーネントの作成

Chapter 05無料公開

フォームに入力された文字列を状態 (=state) として保持する

Chapter 06無料公開

Todo(タスク)の仕様を考える (その 1)

Chapter 07無料公開

配列ステートの操作には要注意

Chapter 08無料公開

イベントを処理する関数を作成する

Chapter 09無料公開

todos ステートを展開してページに表示する

Chapter 10無料公開

Todo(タスク) の仕様を考える (その 2)

Chapter 11無料公開

登録済みの todo を編集可能にする

Chapter 12無料公開

配列ステートの操作には要注意 (その 2)

Chapter 13無料公開

タスクの完了/未完了を操作できるようにする - Todo の仕様を考える (その 3)

Chapter 14無料公開

登録済みの todo を削除可能にする - Todo の仕様を考える (その 4)

Chapter 15無料公開

タスクをフィルタリングする機能を追加する

Chapter 16無料公開

ごみ箱を空にする機能を追加する

Chapter 17

TypeScript のジェネリクスを使ってよく似た関数を一つにまとめる

Chapter 18

UI コンポーネントの構成を考える

Chapter 19

ソースコードをコンポーネントごとに分割する

Chapter 20

UI フレームワーク Material UI を導入する

Chapter 21

ToolBar コンポーネントの作成

Chapter 22

SideBar コンポーネントの MUI 化

Chapter 23

QR コンポーネントの作成

Chapter 24

FormDialog コンポーネントとTodoItem コンポーネントを MUI で化粧直しする

Chapter 25

AlertDialog コンポーネントの作成と ActionButton コンポーネントのアップデート

Chapter 26

ブラウザのストレージへデータを保存する ~ useEffect フックの利用

Chapter 27

コラム:React コンポーネントのライフサイクル

Chapter 28

ストレージのデータにも型安全性を担保する

Chapter 29

Todo アプリを PWA 化する

Chapter 30

GitHub Pages へデプロイする

Chapter 31

おわりに

Chapter 32

(補遺)なぜステートから作った値を直接渡すべきでないのか?

Chapter 33

(補遺)なぜコールバック関数をカッコ () 付きで渡すとダメなのか?

Chapter 34

(補遺)ユニットテストを導入するには?

Chapter 35無料公開

(補遺)プログラミング環境の準備

Community
Author
Topics
公開
本文更新
NEW
文章量
206,849
価格
1,200