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

Firstly, here’s a short quiz question. 

Upon clicking a button and consequently dispatching an action, what happens next within Redux? 
i.e which 

Redux actors come into play?

<p>Upon clicking a button and consequently dispatching an action, what happens next within Redux?
i.e which</p>
<p>Redux actors come into play?</p>


So the answer is the reducer. You can find the explanation up above, but to prove this further, I’ll log whatever action comes into the reducer.


# reducers/index.js:

export default (state, action) => {
  console.log(action);
  return state;
};

The reducer then returns the new state of the app. In our particular case, we’re just returning the same initial **state**.

With the **console.log()** in the reducer, let’s have a look at what happens when we click.

In the last lesson, we dispatched our onClick action to the reducer. Let's check the reducer's console log to see if it receives the action.

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

Actions Dispatched. Does this Thing Work?

reducers/index.js: