8 ReactJS + Redux and Django videos

Basics of Webpack

Video 130 · Length: 11:52

Webpack can be complicated, but it doesn't have to be. Learn some of the basics of webpack, and how you can get started with it while actually understanding it. In this video we start our journey to working with react and django, but first we need to build our javascript and that is where webpack comes in.

Configure Babel with Webpack

Video 131 · Length: 6:10 pro video

Being able to use the latest javascript is awesome. Unfortunately it isn't always easy to do that. However, with babel and webpack it is now super easy to start using ES6 today, so learn what it takes to get going with ES6.

Hello World - React.js

Video 132 · Length: 8:38 pro video

Sometimes all you need to learn something new is to see the basics, done in order. See how to use react, react-dom, and react router in its most basic form to get a react app running. This gets us our starting point so we can move on in building our react application that we will wire up with django.

Adding Components to Our Todo App - React.js

Video 133 · Length: 7:53 pro video

Moving beyond the setup phase of react we are ready to start writing our application. Learn what it takes to get custom react components written and displayed in your react app as well as the basics of passing functions to other react components.

Adding State to Our Todo App - React.js

Video 134 · Length: 9:20 pro video

Since we have our react components built in the last video we can move on to state. In this video we go over adding basic state to our app for managing our todos so we can add a todo and remove them all.

Start Converting to Use Redux part 1 - React.js

Video 135 · Length: 8:05 pro video

We have our basic todo application, but it uses state inside of components. That isn't cool. So in this video we stat the semi-easy process of converting over to using Redux with our react app to manage state.

Convert Main Todos to Redux part 2 - React.js

Video 136 · Length: 11:44 pro video

We have our action creators created and along with state they are mapped to our props. In this video we create, and learn what they are, a reducer and tweak our components to start using redux. By then end our app will functionaly be working with redux.

Convert AddTodo Form to Redux part 3 - React.js

Video 137 · Length: 5:05 pro video

To reinforce the ideas we have learned lets see just how easy it is to move state of a component from being inside the component to being used by redux. We will move the AddTodo component we created away from using state to use redux to give us more flexibility, and the ability to more easily integrate with an API.