Gain insights into Redux fundamentals, explore application-based problems, and discover how to effectively manage state in React environments with this beginner's guide to state management.

This course is a beginner's gateway into the mechanics of using Redux as an application building platform. It takes a bottom-up approach, enforcing the basic aspects of Redux before incorporating them together in a creative and interactive way. It begins with a short theoretical section before moving on to application based problems. 
The course does assume that the user has a basic idea of how React works, as Redux works in the React environment. Let's dive in!

Understanding Redux: A Beginner's Guide To State Management

Let me take a step back and explain how reducer composition works again. This time, from a different perspective.

Consider the javascript object below:

const state = {
  user: "me",
  messages: "hello",
  contacts: ["no one", "khalid"],
  activeUserId: 1234
}

Now, assume that instead of having the values of the keys hardcoded, we wanted it to be represented by function calls. That may look like this:

const state = {
  user:  getUser(),
  messages: getMsg(),
  contacts: getContacts(),
  activeUserId: getID()
}

This assumes that `getUser()` will also return the previous value, “**me**”. The same goes for the other replaced functions.

Still following?

Now, let’s rename these functions.

In this lesson, we will refactor our reducers into a more generic format. This will help us combine them in the combinedReducer (Implementation below).

Getting to know Redux (Theory)

Your First Redux Application

Understanding State Updates with Actions

Building Skypey: A More Advanced Example

Building Skypey: Designing the State Object

Building Skypey: The User Component

Building Skypey: The Empty Screen

Building Skypey: The Chat Window

Building Skypey: Header and Chat Window

Building Skypey: Messaging

The Skypey App

Reducer Composition Revisited