ホーム
fv
研修名

React基礎研修

概要

ReactはMeta（Facebook）とコミュニティによって開発されているユーザインタフェース構築のためのJavaScriptライブラリでです。

Reactはシングルページアプリケーション（SPA）やモバイルアプリケーションの開発におけるベースとして使用することができます。

本研修は講義と演習を通して実際に手を動かしながらクリーンアーキテクチャなアプリケーションを実装するスキルを習得します。

対象者
  • ・JavaScriptの基礎知識を持っている方（アプリケーション開発経験があればなお良い）
目的

・Reactの基本概念を理解する
・簡単なReactのアプリケーションを構築を通して基本的な実装方法を習得する

カリキュラム
詳しくはこちら

はじめに

1. React概要

1-1. Reactとは
1-2. Reactの特徴
1-3. Reactの歴史・バージョン
1-4. Reactプロジェクトの構築
1-5. Viteの利用

2. JSX

2-1. JSX概要
2-2. JSXの文法

3. Reactコンポーネント

3-1. Reactコンポーネント概要
3-2. Reactコンポーネントの種類
3-3. Reactコンポーネント間のデータ受け渡し
3-4. 繰り返し処理と条件分岐
3-5. React Developer Tools

4. Stateの利用とイベントハンドリング

4-1. イベント処理の基本
4-2. イベントハンドラーの設定
4-3. イベントオブジェクトの取得
4-4. イベントハンドラーに引数を渡す
4-5. コンポーネントの状態を管理するState
4-6. Stateの基本的な使い方
4-7. 子コンポーネントから親コンポーネントの情報伝達

5. ルーティング

5-1. ルーティング概要
5-2. React Routerの基本的な使い方

6. Reactフック

6-1. Reactフック概要
6-2. 副作用フック
6-3. userReducerフック
6-4. useContextフック
6-5. useMemoフック
6-6. カスタムフック

7. Reactのテスト

7-1. Reactのテスト概要
7-2. Vitestの基本的な使い方
7-3. React Testing Libraryの基本的な使い方
7-4. Reactコンポーネントのテスト

8.Reactのスタイリング

8-1. Reactのスタイリング概要
8-2. CSSファイルの利用
8-3. CSS Modulesの利用
8-4. Styled Componentsの利用
8-5. Tailwind CSSの利用

費用

66,000円（税込）/お一人様
オープン講座 参加時の価格です。

日時

研修日数：1日間（10:00～18:00）

場所

●オンライン
Zoomによるオンラインのため、ネットワーク環境があればどこでも受講を頂けます。
※PCのご用意が難しい場合はご相談ください

キャンセルポリシー
  • (1)研修開催日21日前まで：キャンセル料なし
  • (2)研修開催日20日前から7日前まで：受講料の50％
  • (3)研修開催日6日前から研修当日：受講料全額
特記事項
  • ・お申し込みの際は、弊社オープン講座のキャンセルポリシーにご同意いただいたものとみなします。
  • ・欠席された場合には、研修費用の全額をご請求させていただきます。
  • ・弊社都合で開催を中止または延期する事由が発生した場合には、お客様へのご請求は発生しません。

お問い合わせ ※は必須入力項目になります










    関連する研修一覧