Build To-Do List App in React | ReactJS Tutorial with functional components and hooks
#reactjs Learn how to create a To-Do ReactJS Project using JSX, Functional components, hooks 'useState' and 'useEffect'.
Link to the source code: https://github.com/DzmitryUr/react-ap...
⌚️Timestamps:
0:25 Design of the To-Do List Project
1:09 Creating a new React Project using Vite
2:19 Creating Component's Files
2:37 Adjusting and copying CSS
3:49 Building To-Do List Functional Component
4:49 Adding Component to the App
5:54 Coding row with input and button for adding a new task
7:11 Adding tasks to JSX using the array map() function and 'useState' hook
9:21 Handling events for input and button
13:22 Creating Functional Component with props for TaskRow
18:27 Handling task's completion with array.map() and updating the state
19:53 Handling task's deletion with array.filter() and updating the state
22:05 Storing the data into Local Storage
23:18 Retrieving the data from the Local Storage using hook 'useEffect'
24:32 Testing and debugging the App
Link to To-Do List App in JS/HTML/CSS video: • Build To-Do List App in JavaScript | JS HT...
#reactjsforbeginners #reactjstutorialforbeginners #js #javascriptprojects #frontend #webdevelopment #javascriptbeginner #html #css #html5 #css3 #javascriptcode #javascriptcoding