YoVDO

State Management with Redux & MobX

Offered By: Frontend Masters

Tags

Redux Courses Web Development Courses React Courses Middleware Courses Mobx Courses

Course Description

Overview

In this course, you’ll learn best practices for structuring your data and how to keep your application fast and nimble as your codebase grows. You’ll get your hands on multiple solutions for managing state in large React applications including Redux, Redux Thunk, Redux Observables and MobX.

Syllabus

  • Introduction
  • Pure & Impure Functions
  • Copy Instead of Mutate
  • Single State Store & Reducers
  • Redux Functions Overview
  • reducer & createStore
  • Store dispatch & subscribe
  • combineReducers
  • bindActionCreators
  • Middleware in Redux
  • Create Redux Store
  • Connect Redux to React
  • Redux Reducer Exercise & Solution
  • Refactoring an App to Use Redux
  • Implementing a Kanban Board
  • State Store Schema
  • Wiring State Store to the App
  • Redux DevTools
  • Using State Store in Components
  • Wiring Redux to a React App Exercise
  • Wiring Redux to a React App Solution
  • Implementing Map Dispatch to Props
  • Handling Dispatched Actions
  • Updating Nested State
  • Action Creator Helpers
  • State Store Selectors with Reselect
  • Reselect Performance
  • Redux Thunk
  • Redux Thunk Setup
  • Redux Thunk: Dispatching Actions
  • Redux Observable
  • Redux Observable Setup
  • Redux Observable: Mapping Actions
  • Redux Observable: Cancelling Requests
  • MobX Decorators
  • Pure MobX Demo
  • MobX Concepts
  • MobX in React
  • List Model MobX Store
  • Item Model MobX Store
  • Add & Remove from the MobX Store
  • Wiring MobX to the React App
  • Sending Data from React into MobX
  • MobX vs Redux
  • Wrapping Up & Q&A

Taught by

Steve Kinney

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity