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

If you take a look at the entire code now, you’ll agree that the entry point of the app remains `index.js`

`Index.js` then renders the App component. The App component is then responsible for rendering the Main and Sidebar components.

For Sidebar to have access to the required contacts data, we’ll pass in the data via props.

In App.js, retrieve contacts from the store, and pass it on to Sidebar like this:

#### App.js:

If you take a look at the entire code now, you’ll agree that the entry point of the app remains `index.js`

`Index.js` then renders the App component. The App component is then responsible for rendering the Main and Sidebar components.

For Sidebar to have access to the required contacts data, we’ll pass in the data via props.

In App.js, retrieve contacts from the store, and pass it on to Sidebar like this:

# App.js:

In order to render our contacts in the Sidebar, we need to send these contacts as props and then turn them into an array for iteration, using lodash.

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

Passing the Sidebar data via Props

App.js: