マスターコース（トライアル版）

本ページはお試し版です。コース全編をご希望の方はこちらからどうぞ。

SECTION 6: Reactをもっと使ってみよう

【1】このセクションで学ぶこと
【2】Contextの導入１（Contextの機能確認）
【3】Contextの導入２（propsの整理）
【4】try／catch
【5】ダークモード開発１（ダークモードの仕組み）
【6】ダークモード開発２（ダークモードの実装）
【7】ダークモード開発３（カスタムHook）
【8】履歴表示機能の開発１（機能の確認）
【9】履歴表示機能の開発２（配列へのデータ保存方法）
【10】履歴表示機能の開発３（useEffectの使い方）
【11】履歴表示機能の開発４（履歴削除機能の実装）
【12】履歴表示機能の開発５（条件付きレンダリング）
【13】コメント投稿機能の開発１（投稿機能の実装）
【14】コメント投稿機能の開発２（楽観的更新の導入）
【15】メタデータの追加
【16】デプロイの紹介（参考情報）

◀︎ 前のセクション

次のセクション ▶︎

Section 6: Reactをもっと使ってみよう

【1】このセクションで学ぶこと
【2】Contextの導入１（Contextの機能確認）
【3】Contextの導入２（propsの整理）
【4】try／catch
【5】ダークモード開発１（ダークモードの仕組み）
【6】ダークモード開発２（ダークモードの実装）
【7】ダークモード開発３（カスタムHook）
【8】履歴表示機能の開発１（機能の確認）
【9】履歴表示機能の開発２（配列へのデータ保存方法）
【10】履歴表示機能の開発３（useEffectの使い方）
【11】履歴表示機能の開発４（履歴削除機能の実装）
【12】履歴表示機能の開発５（条件付きレンダリング）
【13】コメント投稿機能の開発１（投稿機能の実装）
【14】コメント投稿機能の開発２（楽観的更新の導入）
【15】メタデータの追加
【16】デプロイの紹介（参考情報）

◀︎ 前のセクション

次のセクション ▶︎

このセクションで学ぶこと

動画のテキスト【このセクションで学ぶこと】

本セクションの最終的な目標は、ダークモード、検索履歴機能、そしてコメント投稿機能を追加してアプリを完成させることです。本セクションの完成見本は下記URLから確認できます。

(*本トライアルサイトではURLは隠されています)

開発を本格的に始める前に、stateの整理とエラー処理の設定をしましょう。

• stateの整理 • Context • use • エラー処理 • try／catch • ダークモードの仕組みと実装 • CSS変数 • localStorage • useEffectのレンダリング制御方法 • デフォルトimportと名前付きimport • 配列の扱い方 • カスタムHook • 条件付きレンダリング • 楽観的更新（useOptimistic） • メタデータの設定