Understanding Redux: A Beginner's Guide To State Management

Building the Header

Explore how to create a stateless functional header component in React that dynamically shows the active user and their status. This lesson guides you through structuring the header and applying corresponding styles, preparing you to integrate it smoothly with other chat features.

We'll cover the following...

1.Getting to know Redux (Theory)

2.Your First Redux Application

3.Understanding State Updates with Actions

Project

4.Building Skypey: A More Advanced Example

5.Building Skypey: Designing the State Object

6.Building Skypey: The User Component

7.Building Skypey: The Empty Screen

8.Building Skypey: The Chat Window

9.Building Skypey: Header and Chat Window

10.Building Skypey: Messaging

11.The Skypey App

Project

Building the Header