Learn Django, Python, & More
Learn beginner to advanced Django.
From using templates to testing, and how to host your awesome creation.
Get Started Here
Save Data Over API with Axios and React.js
In our final video we end with saving data to the database over our API. This gives us a working react app with django and django-rest-framework to be able to retrieve and add todo items. With the end of this series you will have the knowledge to do all the basic react things to write almost any application.
Request Data From the Server With Thunk and Axios - React.js
We have an api and a react app, but how do we get data from the API into our react app? In this video we go over using thunk and a promises based javascript request library to get data from our API and populate our react app.
Setup Basic Django Rest Framework API for React.js
We have our django project our react project, now we are starting our API so the two can interact with each other and we can work with data.
Move React.js Project to be In Django Project
If you start out with a JavaScript only project how can you move it into a django project? In this video learn a project setup that keeps with idiomatic django and lets you easily organize and keep your JavaScript intact.
Convert AddTodo Form to Redux part 3 - React.js
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.
Convert Main Todos to Redux part 2 - React.js
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.
Start Converting to Use Redux part 1 - React.js
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.
Adding State to Our Todo App - React.js
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.