React/ReduxでGoogleカレンダー風カレンダーアプリケーションを作ろう

教材内容

この教材では、React/Redux を用いて Google カレンダーのクローンアプリを作成していきます。

この教材の特長として以下のことが挙げられます。

• React/Redux を用いた開発の設計手法の習得
• 実践的な API（教材として提供）を使った非同期処理の習得
• 複雑なロジックを含むアプリケーションの構築方法の習得

学習内容

• React を使った実践的な開発スキル
• Redux による状態管理
• 実践的な API サーバーとの通信（非同期処理）
• React/Redux を用いた開発の設計手法
• インタラクティブな UI を持つアプリケーション開発

受講するために必要なスキル

• Javascript の基礎知識(ES6 含む)
• React の基礎知識
• Git の基礎知識

まだ React を触ったことがない人は、事前に progate の Javascript, ES6, React の講座の受講をおすすめします。

Git に関しては Github からプロジェクトをクローンするだけなのでそれほど深い知識は必要ありません。（zip でのダウンロードも可能なので全く知識がなくても大丈夫です。）

こんな方におすすめ

• React の基本概念はなんとなく理解したけど何を作ったらいいかわからない人
• Redux による状態管理がいまいちまだよくわかっていない人
• 実践的な設計や API を使った開発を経験してみたい人

学ばないこと

• API 開発の詳細
• Docker を用いた環境構築
• HTML/CSS によるコーディング
• Git の詳細な使い方

本教材で質問対応可能なOSや環境

• Mac OS
• Windows OS

本教材の対応バージョン

• React 16.8以降

最新バージョンのReactで動作します。

この教材を執筆した理由

「チュートリアルをやってみて React について学んだけど、実際の大規模なプロジェクトでどのように設計したらいいか分からない」「非同期処理の扱い方は分かったけど、実際の API を使う際ににどのようにしてコードを書いたらいいかわからない」「複雑なロジックを含んだアプリケーションを開発しようとしたらどこから作っていいかわからない」といった思いをした経験はないでしょうか？

本教材はテキストで構成されており、自分のペースで学習を進めることができます。