【公開講座】React/Redux開発入門

React/Redux開発入門

コース概要

Reactは、Facebook製のUI構築用JavaScriptライブラリです。他にはない先進的な開発アプローチ（JSX・VirtualDOM・データフロー）を採用しています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。

学習目標

■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
■ サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
■ Reduxを使用し、コンポーネント間の連携を行える

対象者

■ 今後Reactを使用してフロントエンドのWebアプリ開発を担当する方
■ これまで、フロントエンドのWebアプリ開発（jQuery・Backbone.js・AngularJS）をしたことがあり、Reactの導入に興味がある方

前提条件

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

主催団体

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

カリキュラム

■ Reactの概要
　□ Reactとは
　□ UIComponent
　□ Componentの合成
　□ VirtualDOM
■ React導入
　□ JSX定義
　□ JSX属性の定義
　□ 関数型Component
　□ クラス型Component
　□ Componentへの分割
　□ イベントへの反応
■WebAPI利用
　□ Web APIとは
　□ 外部ライブラリ（axios）の利用
　□ async/awaitの利用
　□ ライフ・サイクルメソッド
　□ POSTによる登録処理
■ Router
　□ react-router
■Redux導入
　□ Reactアプリの規模拡大時のネック
　□ Redux
　□ Store
　□ 状態変更(入力)フロー
　□ 状態変更(出力)フロー
■React-Redux
　□ connect関数
　□ Provider Component
　□ ActionType、ActionCreatorの共通化
　□ Reducer利用
　□ ActionCreator利用
■ Redux-WebAPI
　□ Middleware使用例(WebAPIアクセス)
　□ 非同期Middlewareの定義
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

実行環境

■ Windows 7以降
■ React v16以降
■ Node.js v8以降
■ Webブラウザ（Chrome）
■ テキストエディタ（Visual Studio Code）

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

配布資料

■ セミナーテキスト
■ 演習テキスト

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

留意事項・備考

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

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