コース概要

導入

  • 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に関する知識

対象者

  • 開発者
 28 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (2)

今後のコース

関連カテゴリー