Course Outline

Introduction

  • MobX vs Redux vs Relay

Understanding State Management

  • How React handles local state
  • How Redux manages state
  • How MobX manages state

Getting Started

  • Preparing the Development Environment
  • Installing and Configuring MobX

Building an Application

  • Overview of the component architecture
  • Creating a React Application (Components, Element, JSX, etc.)

Working with React Component State

  • Initializing and updating state
  • Working with forms

Implementing a MobX Data Store

  • Setting up the data store
  • Passing data to components
  • Listing out contents of data store

Managing Changes to Data

  • Adding data to store
  • Notifying React of the change in data state

Updating the View

  • Declaring observable data
  • Updating the view

Improving DataFlow

  • Modifying state data through actions
  • Calling actions (avoiding unsafe data manipulation)

Working with Computed Values

  • Perforing calculations on core data

Using Advanced Development Tools and Techniques

  • Creating components with ES2017
  • Using Babel for ES2017 and JSX
  • Using WebPack for React and MobX
  • Performing asynchronous actions with MobX

Testing the Application

  • Creating unit tests for React components
  • Choosing tools and frameworks (Jest, Enzyme, TestUtils, etc.)
  • Creating unit tests for MobX stores
  • Debugging the Application

Deploying the Application

  • Tooling and automation
  • Implementing Continuous Integration (CI)

Troubleshooting

Summary and Conclusion

Requirements

  • React programming experience

Audience

  • Developers
 14 Hours

Testimonials (6)

Related Courses

Advanced React

14 Hours

FARM (FastAPI, React, and MongoDB) Full Stack Development

14 Hours

Choosing the Right JavaScript Framework

14 Hours

Testing React Apps with Jest

14 Hours

MERN Fullstack Development

14 Hours

Meteor and React

14 Hours

Building Micro Frontends with React

21 Hours

Building Microservices with NodeJS and React

21 Hours

PHP with React

14 Hours

React: Build Highly Interactive Web Applications

21 Hours

Building Interactive Applications with React, Redux and GraphQL

28 Hours

React Patterns

14 Hours

Transform a React Application into a Progressive Web App (PWA)

14 Hours

React, Redux and TypeScript

21 Hours

React, Relay, and GraphQL

14 Hours

Related Categories

1