Hook useEffect in React Project. Store data in localStorage with JSON | React JS Course Episode #8

#ReactJS In this lesson, we'll dive into the powerful useEffect hook and demonstrate how to effectively store data in localStorage using JSON.

Link to the Previous Lesson: https://youtu.be/JX_-1XswMjk
Link to the Source Code: https://github.com/DzmitryUr/to-do-list/tree/6-data-manipulation
Link to the Repo https://github.com/DzmitryUr/to-do-list
Deployed To-Do List App: https://dzmitryur.github.io/to-do-list/

In this video, you can learn:
- The basics of the useEffect hook and how it works in a React component
- Practical examples of using useEffect to handle side effects in your application
- How to store and retrieve data in localStorage using JSON

⌚️Timestamps:
0:23 Design of the Lesson's Project
0:37 What is useEffect hook in React?
1:00 Syntax of the useEffect hook in React?
1:41 Key Concepts of the useEffect hook
2:11 What is localStorage in JavaScript?
2:39 JSON methods stringify() and parse() to store complex data structures
3:03 Saving todos into localStorage using hook useEffect
5:19 Displaying todos from localStorage
8:29 Deploying and verifying changes on GitHub Pages

#useEffect #localStorage #JSON #ReactJSCourse #WebDevelopment #Frontend #JavaScript #reactjsforbeginners #reactjstutorialforbeginners #reactjscourse #reactjsproject #reactjstutorial #reacthooks

Видео Hook useEffect in React Project. Store data in localStorage with JSON | React JS Course Episode #8 канала DevWebApp