大まかなステップ (業務時間フル活用で丸３日間頂きたいです)

1. Reactとは何か？Vanilla JS、jQueryとの違い
   1. DOM操作の違い
   2. コンポーネントの概念(クラスと関数コンポーネントの違い)
   3. 状態と受け渡し(state、props)
2. コードを書いてみよう。
   1. JSXの記述方法。
   2. useState、useEffctなどのhooksの使用方法。
      1. 余裕があればReduxも教えたい。
   3. state、propsを使用して、コンポーネントを複数呼び出してみよう。
3. 簡単なアプリを一緒に作ってみよう。(バックエンドC#でも可能)
   1. ディレクトリ構成
   2. 「Instagram」もしくは「x」的なアプ
   3. 在庫管理アプリ(在庫にするか検討中。テーブルを使用したい。)

上記ステップの詳細と導入の流れ

１. Reactとは何か？ : 概念的な理解を深めてもらいます。

a. 仮想DOMについて理解を深めてもらいます。

• DOMとは？
• DOMツリーとは？
• 仮想DOMとは？

b. 関数コンポーネントについて理解を深めてもらいます。

• コンポーネントとは？

• 関数コンポーネントとは？

• クラスとの違いは？

  c. 状態と受け渡し(state、props)について理解を深めてもらいます。

• 状態保持(state)とは？

• 受け渡し(props)とは？

２. コードを書いてみよう。: 簡単にコードを書いてもらいます。

a. JSXの記述方法について理解を深めてもらいます。

• JSXとは？
• JSXの記述方法

b. useState、useEffctなどのhooksの使用方法について理解を深めてもらいます。

• hooksとは？

• useStateの使用方法と記述

• useEffectの使用方法と記述

• その他のhooks紹介、本当はReduxも紹介し記述してもらいたい。

  c. state、propsを使用して、コンポーネントを複数呼び出してみよう。

• 複数のコンポーネントを作成させて、一つのファイルで、複数のコンポーネントの挙動を確認。

※次のセクションで使用するコンポーネントの準備も兼ねています。

3. 簡単なアプリを一緒に作ってみよう。: アプリを作成してもらいます。

※具体的な使用方法を学習することで、実践的な知識を付けます。

スキルスキルセット検討中…

1. フロントエンドバックエンド独立でAPI連携 　・バックエンドは既に作成しておき、GitからCloneさせてフロントエンド独立のアーキテ 　クチャを学ばせる。

2. Roxisのようなアーキテクチャを使用 　・バックエンドC#でも可能 　・上記のようにバックエンドは既に作成しておき、MVVMアーキテクチャで 　コンポーネントを作成させて、Views/index.cshtmlに組み込む方法を学ばせる。

a. ディレクトリ構成。（検討中）

b. 「Instagram」もしくは「x」的なアプリ上記ステップで学習したことを使用し