How to Build a To Do List App with React Complete Tutorial

1 year ago
16

In this tutorial, we'll walk you through building a fully functional to-do list app with React. You'll learn how to create a new to-do item, edit an existing item, and delete an item. Our tutorial includes step-by-step instructions and sample code that you can follow along with, making it perfect for beginners and experienced developers alike. By the end of this tutorial, you'll have a fully functional to-do list app that you can use to keep track of your daily tasks!

👇 My Website / Courses / Podcast / Tutorials / Projects / Blog: 👨‍🏫 :
https://norbertbm.com/web-development/web-dev-courses/

-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
03:18 - Create a todo list component in react
08:42 - Style the todo list using styled components
10:44 - Nesting in react Styled components
15:22 - Create a list item component
19:12 - Style the todo list item using react styled components
23:56 - Using animations in styled components with keyframes
25:18 - Add check to todo list item
31:44 - Add items to the todo list using react useState
32:37 - Input value and handle input change
40:29 - Delete list item from to-do list

-------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------

#todolist #reactapp #styledcomponents

Loading comments...