【公開講座】React入門-Hooks、ContextAPI、MUI対応-

React入門-Hooks、ContextAPI、MUI対応-

コース概要

洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。
Reactは、Meta製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。

このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

※本コースは、2024年10月より改訂版にて実施いたします。

学習目標

■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

対象者

■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方

前提条件

■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方

開催日数

2日間

主催団体

本コースは、株式会社カサレアルが主催しております。

カリキュラム

■ Reactの概要
- □ Reactとは
- □ JSXや仮想DOMの特徴
- □ Hello React
■ React学習のためのJavaScript復習
- □ 不変性とは
- □ 条件演算子
- □ コールバック関数
- □ 分割代入
- □ map/filter/reduce
■ Reactの基礎
- □ React利用方法基礎
- □ コンポーネント
- □ props
- □ イベントハンドリング
- □ JSXのルール
- □ CSSの適用
■ フック
- □ 状態フック
- □ 副作用フック
- □ WebAPIへのアクセス
■ 様々なツールやパッケージの紹介
- □ create-react-app
- □ MUI
- □ React Router
■ 状態管理
- □ Context APIによる状態管理
- □ コンポーネント間のデータ共有

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

実行環境

■ React v18.x以上
■ ECMAScript 2015以上
■ Node.js v16.x以上
■ Chrome
■ Visual Studio Code

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

配布資料

■ セミナーテキスト
※ソースコード等はオンラインストレージにて配布いたします。

留意事項・備考

【事前に必ず以下をご確認の上お申込みください】
＊主催団体によりキャンセルポリシーが異なります。
＊お申し込み後のキャンセルにつきましてはこちらをご確認ください。
＊キャンセル期限までは無料にてキャンセルを承ります。
＊キャンセル期限を過ぎた後は、受講料全額をキャンセル料として頂戴いたします。
＊事前のお席の確保は原則承っておりません。
＊お申込み内容は、翌営業日以降に確定いたします。
＊お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。