ホーム > Reduxワークショップ -React応用-

Reduxワークショップ -React応用-


期間  2日間 時間  9:30~17:00
価格(税込)  121,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0120R
日程 会場 空席状況 実施状況 選択

2025年2月12日(水) ~ 2025年2月13日(木)

カサレアル(オンライン)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

・弊社経由で他社主催研修へお申込みの場合、弊社が「訓練の実施機関」ではないため、人材開発支援助成金の申請書類にトレノケートは署名できません。「主催」欄をご確認ください。本研修コースはトレノケート経由のお申込では人材開発支援助成金の申請ができない旨を予めご了承のうえ、お申込みください。

重要なご連絡・ご確認事項

※ オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

<オンライン研修環境>
■使用ツール
・動画配信:Zoom
 ※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
・質疑応答:オンラインチャットシステム (Mattermost)
・演習環境:仮想デスクトップ

■システム要件
・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)

■OS
・Windows

■Webブラウザ
・Google Chrome (最新版)

※Mattermostおよび演習環境は主催会社(株式会社カサレアル)にてご用意いたします。

対象者情報

対象者
・今後ReactおよびReduxを使用してWebアプリケーションのフロントエンド開発を担当する方
前提条件
□Reactを利用してWebアプリケーションを記述できる方
□ 『(WSC0101R,WSC0119Rなど) React入門』コースをご受講いただいた方もしくは、同等の技術を習得している方

学習内容の詳細

コース概要
状態管理ライブラリReduxを、ワークショップを通じて体得できるコースです。

Reduxは、JavaScriptアプリケーションにおいて状態管理を行うライブラリです。ReduxはReactと共に利用するケースがほとんどでしょう。Reduxを利用することで、アプリケーションの現在の「状態」の変更を一方通行の流れにして、一元的に管理できるようになります。
このコースは、Reactはある程度理解できているが、Reduxはこれからという方、あるいは学ぼうとしたが難しすぎたという方に向けたコースです。Reduxの考え方から導入方法、非同期処理との組み合わせ方法までを、演習を繰り返しながら体験的に学習できます。
このコースを受講することで、状態管理を導入したReact/Reduxアプリケーションを作成できるようになります。
学習目標
● Reduxを利用して、基礎的な状態管理を実装できる
● ReactとReduxを使用し、コンポーネント間の連携を行える
● サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
学習内容
1. Redux
  - Reduxとは
  - ReactにおけるReduxの必要性
  - Reduxの構成要素(Store・Dispatch・Reducer・Action)
  - Redux単独で動かすサンプル
  - Reduxの基礎
  - Redux Toolkit
  - 複数の状態・複数のリデューサー関数
  - Reduxのコーディングスタイル
  - Storeの設計

2. 演習
  - Reduxを単独で扱う演習

3. React-Redux
  - React-Reduxとは
  - React-Reduxとフック関数
  - React-Reduxチュートリアル

4. 演習
  - React-Reduxを扱う演習

5. Reduxと非同期処理
  - ReduxとWeb API呼び出しを組み合わせる
  - Middlewareの利用
  - Redux-Saga
  - ジェネレーター関数
  - Redux-Sagaチュートリアル

6. 演習
  - ReduxでWeb API呼び出しを扱う演習

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

実習/演習内容詳細

ソフトウェア
ハードウェア
※使用ソフトウェアについて
変更頻度が高いため、詳細につきましてはお問い合わせください。。

コース関連付加情報

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセル・日程変更・受講者変更は9営業日前までとさせていただきます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

おすすめのコースフロー図を見る