コース概要
導入
- React 対 Angular およびその他のフレームワーク
理解 React
- JSX、コンポーネントとプロパティ、コンポーネントのライフサイクルなど
- アプリケーションの状態とデータの状態の管理
ES6 で React アプリケーションを作成する
- 注意すべき構文と ES6+ の機能
開発環境のセットアップ
Node.jsの概要
インストールと構成 Node.js
Webpack と Babel の概要
- 「変換」を理解する (JSX を JavaScript に変換する)
Webpackのインストールと構成
Babel のインストールと構成
React および ReactDOM のインストール
最初の React アプリケーションを作成する
ソースファイルへの変更を監視するための WebPack の設定
npm をツールランナーとして構成する
新しいコンポーネントによる React アプリケーションの拡張
Flux と Redux アーキテクチャを React アプリケーションに実装する
フラックスと Redux についての理解
- ステートレスコンポーネント、アクション、リデューサ、ディスパッチャ、ミドルウェア、コンテナなど
React アプリケーションへの複数のビューの構築
インストールと構成 Redux
Flux/Redux を使用したシンプルな To-Do リストの作成 (モックサーバー API を使用)
バックエンドと React アプリケーションの統合: GraphQL および Apollo
GraphQLの概要
- データ型、スキーマ、グラフ構造、および React との統合
- RESTful ルーティングの制限
- GraphQL vs SQL
GraphQL クエリの作成
ユーザーの認証
React ルーターと GraphQL の統合
React と GraphQL で簡単なブログを構築する
React アプリケーションのテスト
npm コマンドライン スクリプトを使用したアプリケーションの処理 React
トラブルシューティング
アプリリポジトリの構造化
React コードを書くためのベスト プラクティス
React アプリケーションのデプロイ
A Word モバイル アプリケーションと React ネイティブ
要約と結論
要求
- ウェブアプリケーション開発経験
- Javascriptプログラミング経験
- Reactに精通していること
観客
- 開発者 。
お客様の声 (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
コース - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.