/techpit-react-vote

Primary LanguageTypeScript

techpit-react-vote

  1. はじめに
    1. コース概要
    2. Reactとは
    3. TypeScriptとは/TypeScriptを使用するメリット
    4. アンケートアプリの設計
    5. Node.jsのインストール (Mac)
    6. Node.jsのインストール (Windows)
    7. Visual Studio Code のインストール (Mac)
    8. Visual Studio Code のインストール (Windows)
    9. VSCode拡張機能のインストール
  2. Reactを始める前に
    1. モダンな JavaScript の機能 (0): 動作環境の準備
    2. モダンな JavaScript の機能 (1): 変数の宣言
    3. モダンな JavaScript の機能 (2): アロー関数
    4. モダンな JavaScript の機能 (3): スプレッド構文
    5. モダンな JavaScript の機能 (4): デフォルト引数と残余引数
    6. モダンな JavaScript の機能 (5): 分割代入
    7. イミュータブル (不変) とシャローコピー・ディープコピー
    8. TypeScript の機能 (0): 動作環境の準備
    9. TypeScript の機能 (1): 型推論と型指定 / 型システム
    10. TypeScript の機能 (2): interface について
    11. TypeScript の機能 (3): リテラル型、列挙型、ジェネリックス
  3. フロントエンドの実装 (0): Reactプロジェクトの作成
    1. create-react-app コマンドによるプロジェクト生成
    2. ESLint/Prettier/EditorConfig の導入・設定
    3. Reactの基本 (0): コンポーネントとは
    4. Reactの基本 (1): コンポーネントと state/props
    5. Reactの基本 (2): コンポーネントのテスト ←イマココ
  4. フロントエンドの実装 (1): デザインモックとコンポーネント構成
  5. フロントエンドの実装 (2): コンポーネントの静的なバージョンを作成する
  6. フロントエンドの実装 (3): 静的なデータをstateに置き換える・認証機能
  7. フロントエンドの実装 (4): 静的なデータをstateに置き換える・アンケート機能
  8. フロントエンドの実装 (5): テストの実装
  9. バックエンドの実装 (0): WebAPIの設計
  10. バックエンドの実装 (1): プロジェクトの作成
  11. バックエンドの実装 (2): APIの実装
  12. バックエンドの実装 (3): テストの実装
  13. フロントエンドの実装 (6): ReactとWebAPIを連携させる
  14. フロントエンドの実装 (7): テストの修正