Build a Todo App with React.js | Beginner React Project using hooks
24.2 هزار بار بازدید -
2 سال پیش
-
In this tutorial you will
In this tutorial you will learn how to build a todo app with react js, using some basic react hooks like useState and useEffect. This todo app will save all tasks and updates to localStorage and we will add some cool css animations to make this app more appealing for your portfolio.
Demo: https://dawid-todo.netlify.app/
Code: https://github.com/dejwid/react-todo-app
Timestamps:
00:00:00 - Intro
00:02:24 - Html structure for our app
00:08:20 - Basic styling
00:14:24 - Custom checkboxes
00:19:58 - Adding and listing tasks from state
00:26:13 - Saving tasks to localStorage
00:33:14 - Task competition / handling checkboxes
00:39:21 - Backgrund and line animation
00:43:22 - Tasks counter and dynamic header
00:48:05 - Removing tasks
00:55:40 - Renaming tasks
01:02:03 - Outro
Demo: https://dawid-todo.netlify.app/
Code: https://github.com/dejwid/react-todo-app
Timestamps:
00:00:00 - Intro
00:02:24 - Html structure for our app
00:08:20 - Basic styling
00:14:24 - Custom checkboxes
00:19:58 - Adding and listing tasks from state
00:26:13 - Saving tasks to localStorage
00:33:14 - Task competition / handling checkboxes
00:39:21 - Backgrund and line animation
00:43:22 - Tasks counter and dynamic header
00:48:05 - Removing tasks
00:55:40 - Renaming tasks
01:02:03 - Outro
2 سال پیش
در تاریخ 1401/08/14 منتشر شده
است.
24,245
بـار بازدید شده