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

At the end of the previous lesson, the chat window looked something like this:

The messages have been rendered, but they don't look appealing at all do they?

Let’s sprinkle some CSS goodness and get this party started :)

Starting with the Chat Window, create a new file, **ChatWindow.css** in the containers directory.

Do not forget to import it in ChatWindow.js like this, 

    import "./ ChatWindow.css"

Write this in there:

A fairly simple lesson about CSS styling for our chat window.

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

Styling the Chat