コース概要

導入

  • 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に精通していること

観客

  • 開発者
  28 時間
 

参加者の人数


開始

完了


Dates are subject to availability and take place between 10:00 and 17:00.
Open Training Courses require 5+ participants.

お客様の声 (2)

関連コース

Relay: Efficiently Fetch Data in React Applications

  14 時間

関連カテゴリー