React 入門

目次

1. Node.js のインストール （+ 展開）
   1. Windows に Node.js をインストール
   2. macOS に Node.js をインストール
   3. React サンプルアプリケーションの作成
2. Python Django によるバックエンド API サーバの準備 （+ 展開）
   1. 仮想環境の構築
   2. Django プロジェクトのダウンロードと Django のインストール
   3. データベースのマイグレーションとテストデータの投入
   4. 開発サーバの起動
   5. API への接続
3. JavaScript コメント掲示板アプリの開発 （+ 展開）
   1. プロジェクトの概要
   2. プロジェクトの作成
   3. 不要コードを一旦削除
   4. 見出しと箇条書きを表示してみる
   5. CommentListPage コンポーネントの作成
   6. コメントダミーデータを設定する
   7. コメントの一覧（ダミーデータ）を表示してみる
   8. Comment コンポーネントの作成
   9. コメントの一覧表示とスタイリング
   10. CreateForm コンポーネントの雛形を作る
   11. State と useState
   12. コメント投稿機能の実装
   13. コメント削除機能の実装
   14. WebStorage の利用
   15. ダミーデータの変更と状態確認
   16. fetch による API からのデータ取得と useEffect
   17. Axios による API からのデータ取得
   18. コメント総数とページ切り替えボタンの表示
   19. ボタンクリックを処理して表示内容を更新する
   20. ボタンの有効化／無効化の切り替え
   21. HTML タグのエスケープ処理
   22. 新規投稿で API に POST
   23. 投稿エラー時の処理
   24. 新規投稿時に API でスリープさせる
   25. 削除で API に DELETE を送信
   26. ルーティング
   27. リンクの作成と useParams
   28. コメント詳細情報を表示する
   29. コメント一覧へ戻るボタンの設置
   30. コメント編集機能の実装
   31. 無限スクロールの実装
   32. 404 Not Found エラーページの変更
   33. プログラムの全体像
4. TypeScript コメント掲示板アプリの開発 （+ 展開）
   1. プロジェクトの概要
   2. プロジェクトの作成
   3. 不要コードを一旦削除
   4. 見出しと箇条書きを表示してみる
   5. CommentListPage コンポーネントの作成
   6. コメントダミーデータを設定する
   7. コメントの一覧（ダミーデータ）を表示してみる
   8. Comment コンポーネントの作成
   9. コメントの一覧表示とスタイリング
   10. CreateForm コンポーネントの雛形を作る
   11. State と useState
   12. コメント投稿機能の実装
   13. コメント削除機能の実装
   14. WebStorage の利用
   15. ダミーデータの変更と状態確認
   16. fetch による API からのデータ取得と useEffect
   17. Axios による API からのデータ取得
   18. コメント総数とページ切り替えボタンの表示
   19. ボタンクリックを処理して表示内容を更新する
   20. ボタンの有効化／無効化の切り替え
   21. HTML タグのエスケープ処理
   22. 新規投稿で API に POST
   23. 投稿エラー時の処理
   24. 新規投稿時に API でスリープさせる
   25. 削除で API に DELETE を送信
   26. ルーティング
   27. リンクの作成と useParams
   28. コメント詳細情報を表示する
   29. コメント一覧へ戻るボタンの設置
   30. コメント編集機能の実装
   31. 無限スクロールの実装
   32. 404 Not Found エラーページの変更
   33. プログラムの全体像