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