コース概要

導入

  • MobX vs Redux vs リレー

状態の理解 Management

  • React がローカル状態を処理する方法
  • Redux が状態を管理する方法
  • MobX が状態を管理する方法

はじめる

  • 開発環境の準備
  • インストールと構成 MobX

アプリケーションの構築

  • コンポーネントアーキテクチャの概要
  • React アプリケーションの作成 (コンポーネント、Element、JSX など)

React コンポーネントの状態の操作

  • 状態の初期化と更新
  • フォームの操作

MobX データストアの実装

  • データストアのセットアップ
  • コンポーネントにデータを渡す
  • データストアの内容を一覧表示する

データへの変更の管理

  • ストアへのデータの追加
  • データ状態の変化の通知React

ビューの更新

  • 観測可能なデータの宣言
  • ビューの更新

データフローの改善

  • アクションによる状態データの変更
  • アクションの呼び出し (安全でないデータ操作の回避)

計算値の操作

  • コアデータの計算の実行

高度な開発ツールと技術の使用

  • ES2017 でコンポーネントを作成する
  • ES2017 および JSX での Babel の使用
  • ReactとMobXでWebPackを使用する
  • MobX で非同期アクションを実行する

アプリケーションのテスト

  • React コンポーネントの単体テストの作成
  • ツールとフレームワークの選択 (Jest、Enzyme、TestUtils など)
  • MobX ストアの単体テストを作成する
  • アプリケーションのデバッグ

アプリケーションのデプロイ

  • ツールと自動化
  • 継続的インテグレーション (CI) の実装

トラブルシューティング

要約と結論

要求

  • Reactプログラミング経験

観客

  • 開発者
  14 時間
 

参加者の人数


開始

完了


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

お客様の声 (6)

関連コース

関連カテゴリー