コース概要
導入
- React vs Angularおよび他のフレームワーク
Reactの理解
- JSX、コンポーネントとProps、ライフサイクルメソッドなど
- アプリケーション状態とデータ状態の管理
ES6を使用したReactアプリケーションの書き方
- シンタックスと注意すべきES6+機能
開発環境のセットアップ
Node.jsの概要
Node.jsのインストールと設定
WebpackとBabelの概要
- 「変換」(JSXをJavaScriptに変換)の理解
Webpackのインストールと設定
Babelのインストールと設定
ReactとReactDOMのインストール
最初のReactアプリケーションを作成する
Webpackでソースファイルの変更を監視する設定
npmをツールランナーとして設定
新しいコンポーネントを使用してReactアプリケーションを拡張する
FluxとReduxアーキテクチャをReactアプリケーションに実装する
FluxとReduxの理解
- ステートレスコンポーネント、アクション、リデューサー、ディスパッチャー、ミドルウェア、コンテナなど
Reactアプリケーションに複数のビューを構築する
Reduxのインストールと設定
Flux/Reduxを使用してシンプルなToDoリストを作成する(モックサーバーアPI)
Reactアプリケーションにバックエンドを統合する: GraphQLとApollo
GraphQLの概要
- データ型、スキーマ、グラフ構造、およびReactとの統合
- RESTfulルーティングの制限
- GraphQL vs SQL
GraphQLクエリを書く
ユーザー認証
React RouterとGraphQLの統合
ReactとGraphQLを使用したシンプルなブログを作成する
Reactアプリケーションのテスト
npmコマンドラインスクリプトでReactアプリケーションを処理する
トラブルシューティング
アプリリポジトリの構造化
Reactコードを書く際のベストプラクティス
Reactアプリケーションのデプロイ
React Nativeを使用したモバイルアプリケーションについて
まとめと結論
要求
- ウェブアプリケーション開発の経験
- JavaScriptプログラミングの経験
- Reactに関する知識
対象者
- 開発者
お客様の声 (2)
* 実践的なアプローチにより、主題をより深く理解することができました。 * 教師が私たちの使用事例に関連したトピックを柔軟にカバーしてくれたことです。
Juan Rial - Cegeka NV
コース - Building Interactive Applications with React, Redux and GraphQL
機械翻訳
すでにその主題について十分な知識があったにもかかわらず、このコースで多くの有用な情報を得ることができました。
Stefan-Lucian Bucur - Cegeka NV
コース - Building Interactive Applications with React, Redux and GraphQL
機械翻訳