Back to Browse

React Todo App | React Todo List | Add, Edit, Delete Todo | Beginners React Project

2.3K views
Jan 1, 2024
42:39

In this video, we will build a Todo App using React and JS. User can add todo, delete todo and edit todo as well. The todos will be stored in localStorage and hence the todo will be persist on page refresh or closing the browser tab. 📦 Source code: https://codesandbox.io/p/sandbox/react-todo-38txl4 ----------------------------------------------------------------------------- 🌟Contents of this video 🌟 0:00 - Application demo 1:06 - Creating basic structure 1:43 - Add Todo 6:05 - Rendering todos in screen 7:12 - Refactor code 9:04 - Delete Todo 14:33 - Add todos in localStorage 16:13 - setState is async 18:59 - Loading todos from localStorage 20:29 - delete todos from localstorage 22:49 - Refactor code 24:41 - Prevent adding empty todos 25:25 - Edit todos 41:53 - Outro ----------------------------------------------------------------------------- 👇 Subscribe + Notification 🔔 for MORE 👇 @exacode 📌 Don't forget to like this video to see more such content, Thanks for watching!

Download

0 formats

No download links available.

React Todo App | React Todo List | Add, Edit, Delete Todo | Beginners React Project | NatokHD