React研修を、JSXの書き方とTodoアプリ制作だけで終えると、既存プロダクトの設計・状態・API・テストへ入れません。
法人研修では、JavaScriptの前提を確認し、コンポーネント・Props・状態・データの流れ・アクセシビリティ・テスト・リポジトリを仕事の文脈で学びます。
確認条件0｜JavaScript基礎を確認する
関数、配列・オブジェクト、モジュール、Promise、async/await、DOMの概念が弱いと、React固有の学習で詰まります。
事前課題でGapを確認し、必要な人はJavaScriptへ戻します。
学習項目1｜コンポーネントと責務分割
画面を部品へ分け、何をPropsで受け、どこへ責任を置くか考えます。
カードを増やすだけでなく、再利用と変更理由で境界を決めます。
学習項目2｜状態とデータの流れ
表示状態、フォーム、条件分岐、一覧、共有状態を扱います。
状態を増やしすぎず、どこが正本か説明できることを目指します。
学習項目3｜API・読み込み中・エラー
データ取得、読み込み中、空状態、エラー、再試行、キャンセルなどの利用者状態を扱います。
正常系だけの課題にしません。
学習項目4｜アクセシビリティ・性能・テスト
意味構造を意識したHTML、キーボード、フォーカス、状態表現、コンポーネントテスト、ユーザー操作を確認します。
最適化は測定前に行わず、必要な理由を説明します。
学習項目5｜既存リポジトリの小改修
新規アプリだけでなく、既存コンポーネントを読み、課題を理解し、最小差分で修正し、PRを出します。
デザイントークン、Lint、テスト、レビュー規約を守ります。
AI活用のルール
コンポーネント案、エラー分析、テスト案にAIを使えますが、古いAPIや不適切な実装パターンが混ざる可能性があります。
React公式ドキュメントと対象リポジトリのバージョンを確認し、コードを検証します。
最終確認条件
- JavaScript前提を説明
- コンポーネント責務が明確
- 状態の正本を説明
- 読み込み中/エラーを実装
- アクセシビリティとテスト
- 既存リポジトリで最小差分のPR
React研修のゴールは、アプリを一つ作ることではない
React研修では、コンポーネントと状態の考え方を学び、既存プロダクトで安全に小さな変更を出せることを目指します。
Hatch ITの法人向け研修ではReactを対象技術として案内しています。研修では自社リポジトリ・デザインルール・レビューへ接続してください。
React研修を既存プロダクトへ接続する
学ぶ技術を決める前に、実務で作る成果物とレビュー基準を整理すると、研修内容がぶれません。Hatch ITでは法人向け技術研修の設計相談を受け付けています。