Log In

Taming the State in React

4.8 Stars on Goodreads

This course dives deeply into state management in React. You will not only learn about advanced local state management in React, but at its core about state management with Redux and MobX. Along the way, you will get practical hands on experiences by building applications.

The Bare Essentials

You will learn about React's state management with local state, Redux and MobX in this book. Building your own applications will give you plenty of hands-on experiences.

250-page book in PDF, MOBI & EPUB
Learn Redux and MobX
Build applications along the way
Advanced

The Coder Package

Access source code and starter projects to validate your learnings from the book. They will help you starting new applications from scratch.

250-page book in PDF, MOBI & EPUB
Learn Redux and MobX
Build applications along the way
Access to 7 Source Code Projects
Boilerplates for Firebase Authentication
Advanced

The Complete Course

Sreencasts enrich the book and source code to a complete course. Let them guide you to building your first applications with state management all by yourself.

250-page book in PDF, MOBI & EPUB
Learn Redux and MobX
Build applications along the way
Access to 7 Source Code Projects
Boilerplates for Firebase Authentication
Access to 3 Screencast Series
Build 3 additional Applications from Scratch
Advanced

What People Are Saying

What can you expect?

You will learn about state management in React with local state, Redux and MobX from scratch. Along the way, you will gather all the theoretical knowledge yet apply it in your own applications.

You will learn about ...

  • Basic & Advanced Local state in React

  • State Management with Redux and MobX

  • Middleware, Normalizr and Selectors in Redux

  • Asynchronous Actions

  • Connecting State Layer and View Layer

  • Planning a State Architecture

  • Practical Scenarios along the way

  • Techniques, Best Practices and Patterns

  • The Redux Ecosystem

  • MobX as alternative to Redux

  • MobX for Local State

  • A glimpse of Game Development in a Screencast

Snake in React - The Functional Way

#0
02:15
Bootstrapping your Project
Bootstrapping your Project
#1
09:28
The Playground
The Playground
#2
03:45
The Snake and the Snack
The Snake and the Snack
#3
09:02
Move Snake, Move!
Move Snake, Move!
#4
09:00
Eat and Grow
Eat and Grow
#5
04:24
Game Over
Game Over

Hacker News Application with React and Redux

#0
02:15
Bootstrapping your Project
Bootstrapping your Project
#1
09:28
Project Organization
Project Organization
#2
03:45
Plain React Components
Plain React Components
#3
09:02
Apply Styling
Apply Styling
#4
09:00
Archive a Story
Archive a Story
#5
02:15
Store + First Reducer
Store + First Reducer
#6
09:28
Two Reducers
Two Reducers
#7
03:45
First Action
First Action
#8
09:02
First Selector
First Selector
#9
09:00
Re-render View
Re-render View
#10
02:15
First Middleware
First Middleware
#11
09:28
First Action Creator
First Action Creator
#12
03:45
Connect React with Redux
Connect React with Redux
#13
09:02
Lift Connection
Lift Connection
#14
09:00
Interacting with an API
Interacting with an API
#15
02:15
Separation of API
Separation of API
#16
09:28
Error Handling
Error Handling
#17
03:45
Testing
Testing

Hacker News Application with React and MobX

#0
01:57
Bootstrapping your Project
Bootstrapping your Project
#1
01:31
Project Organization
Project Organization
#2
03:37
Plain React Components
Plain React Components
#3
04:22
Apply Styling
Apply Styling
#4
04:25
Archive a Story
Archive a Story
#5
01:11
Enabling Decorators
Enabling Decorators
#6
02:07
First MobX Store
First MobX Store
#7
01:35
Combining Stores
Combining Stores
#8
04:50
Computed Values
Computed Values
#9
00:52
Re-render View
Re-render View
#10
01:54
Actions and Strict Mode
Actions and Strict Mode
#11
03:10
Connect React with Redux
Connect React with Redux
#12
01:05
Lift Connection
Lift Connection
#13
04:38
Local MobX State
Local MobX State
#14
02:34
Interacting with an API
Interacting with an API
#15
00:43
Separation of API
Separation of API
#16
02:02
Error Handling
Error Handling

FAQ

Why does it use React to teach about state? Nowadays, state management is often used in modern applications. These applications are often built with solutions such as React, Angular and Vue. In order to teach about state management, it makes sense to apply it in a real world context such as React. I picked React, because it has only a slim API and a good learning curve. It is only the view layer with local state management. You can learn about it in the Road to learn React. However, you don’t necessarily need to apply your learnings about state management in React. You can apply these learnings in your Angular, Vue or React Native application, too.

What is the ratio between learning Redux and MobX? Even though MobX becomes more of a popular alternative to Redux, the book teaches you more about Redux than MobX. However, in the future I want to extend the content and depending on the usage statistics adjust the chapters.

Why does it teach Redux and MobX? It is true that in the end you only need one state management library for your scaling application. Contrary, it is great to know alternative approaches for the same problem. Only then you can weigh what's more suited for you. The course teaches mainly Redux, but it is great to know the approach that MobX is taking too.

Requirements

Fundamentals in Web Development: You should know how to use HTML, CSS and JavaScript. Being familiar with the term API would make sense too, because you will use APIs in the book.

Fundamentals in React: It uses React as library to teach state management. It is a perfect choice for demonstrating and learning state managament in modern applications. Because React is only a view layer, it is up to you to decide how to deal with the state in your application. The state management layer is exchangeable. You can learn more about React in another course: the Road to learn React.

Subscribe

Articles about React, new courses, and course updates delivered straight to your inbox. Quality content only, no spam - that’s a promise.

Join the Slack Group

Exchange thoughts and learnings, improve yourself by teaching others, get help if you’re stuck - join the Slack Group.