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

Right now, the Main component just displays the text, main stuff. 

This isn’t what we want.

The end goal is to show an empty screen, but show user messages when a contact is clicked on.

Let’s build the empty screen.

For this, we’ll need a new component called, **Empty.js**. While at it, also create a
corresponding CSS file, **Empty.css**.

Please create these in the **components** directory.

\<Empty /> will render the markup for the empty screen. To do this, it will require a certain user prop.

For the first step of building our Empty Screen, we will create a new field in the state object called "activeUserID". This will act as a template for viewing a contact. If set to NULL (initial state), the empty screen will show our profile (Visual Representation 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

The Active User