メインコンテンツまでスキップ

目次

1. Introduction​

  • Reactの概要
  • 目標と目的
  • 前提条件

2. SetUp​

  • 開発環境のセットアップ
  • Node.jsとnpm
    • コードエディタ
    • Gitによるバージョン管理
    • Create React Appで新しいReactアプリを作成
    • プロジェクト構造とファイルの整理

3. BasicConcepts​

  • JSX
  • コンポーネント
    • 関数コンポーネント
    • PropsとState
  • フック (Hooks)
    • useState
    • useEffect
    • その他の基本フック
  • イベント処理

4. Components​

  • コンポーネントのライフサイクル
  • 状態管理
  • コンポーネントの再利用性
  • スタイリング
    • CSS
    • CSS Modules
    • Styled Components

5. State​

  • Reactの状態管理
    • Context API
    • useReducer
  • 外部ライブラリ
    • Redux
    • Recoil
    • Zustand

6. Routing​

  • React Routerの使用
  • 動的ルーティング
  • ルートガード

7. Form​

  • フォーム要素の扱い
  • バリデーション
  • 外部ライブラリ
    • Formik
    • React Hook Form

8. Promise​

  • Fetch API
  • Axios
  • カスタムフックによるデータ取得

9. Performance​

  • メモ化
    • React.memo
    • useMemo
    • useCallback
  • レンダリング最適化

10. Test​

  • ユニットテスト
    • Jest
    • React Testing Library
  • E2Eテスト
    • Cypress
    • Playwright

11. Deploy​

  • デプロイメントの基本
  • GitHub Pages
  • Netlify
  • Vercel

12. Accessibility​

  • アクセシビリティの基本
  • ARIA
  • 色とコントラスト

13. BestPractice​

  • コードスタイルガイド
  • フォルダ構造
  • ドキュメンテーション
  • パフォーマンス監視