Build a Todo App Django Rest Framework & React Beginners Tutorial Part 2: Build the React Frontend

Показать описание

In this video we will finish up the todo app by building a frontend for our Django Rest API. We will make some API calls with the axios npm package. We will use React Hooks and functional components to build the frontend. There is also a React Bootstrap package we will use as well to quickly add Bootstrap styling to our React code.

Starting Code:

Ending Code:

React Bootstrap:

Axios:

Legion Script Website:

Legion Script

Рекомендации по теме

Комментарии

This is great!!! How would you add a drop down for 'in progress' or 'completed'? Would love to see more Django w React also HTMX. Thx new subscriber.

franciscodelafruitas

Thank you! With your video, I will be attempting to perform a graduation project for the restaurant. True, much is not clear (but I will try

mikhailparkhomchuk

Great, I love your tutorial. It makes things easier to understand. Keep it up the good work. Please, how do you deploy Django and react full stack web application into shared hosting cpanel?

jijirijohnson

At 45:30 why do we need to prevent the default behavior? What is the default behavior?

andyliang

Loved the tutorial!
Is there a way to handle all the axios request in a separate file rather than putting them all in the the App.js file?

windyy_

Build a Todo App Django Rest Framework & React Beginners Tutorial Part 2: Build the React Frontend

Python Django Tutorial - Build A Todo App

To Do App | Django 3.0

Django To Do List App With User Registration & Login

😎Build a Django ToDo App: 🚀 Part 1🔥

How to Build A Todo App With Django - PART 5 - Search Data

Learn Django in 20 Minutes!!

How to Build A Todo App With Django - PART 1

Build A Cool To-Do List App With Django and Python!

Redis Project: Session-Based Cart | Designing and Building Django Models

Simple Django Todo App Tutorial

Python Django Tutorial - Build a TODO List App for Beginners

Build a Todo App With Django and JavaScript (Ajax) | Django Rest Framework.

Build a Todo app with Django and React #1 - Django and React for Beginners.

How to Build A Todo App With Django - PART 4 - Sort By Priority - TodoApp

How to Build A Todo App With Django - PART 2 (List and Delete Operation on the To Do App)

COMPLETE - HOW TO BUILD A TODO APP IN DJANGO - TODO APP WITH COUNT DOWN TIMER

Todo App | Django REST Framework & Ajax

Build a Todo App with Django | Django CRUD Tutorial | Django Project for Beginners

To-do list with Django | Build a task application | Django projects | #3

Multi User Todo App Built Using Django | Python | Todo App Project | Error By Night

Build a Todo app with Django and React #2 - Django and React for Beginners.

Django 3 Tutorial For Beginners : Build A TODO-APP - Introduction

Django, HTMX and DaisyUI Components - Building a To-Do List App

Django Todo app