React Local Storage Hook - How to Synchronize State and Local Storage in React

  Рет қаралды 3,670

Monsterlessons Academy

Monsterlessons Academy

Күн бұрын

Learn how to implement localstorage React combination in efficient way. The easiest approach is to use useEffect but we can do better by creating a reusable useLocalStorage hook which synchronizes React state and local storage.
TIMESTAMPS
0:00 Introduction
0:40 React local storage via useEffect
2:00 useLocalStorage custom hook
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...

Пікірлер: 8
@pink-doublethink
@pink-doublethink Жыл бұрын
Thank you so much for this informative video on React.I found your explanations and examples very easy to follow and understand. Your video has been a great help in my learning journey. Keep up the great work!
@MonsterlessonsAcademy
@MonsterlessonsAcademy Жыл бұрын
Glad it was helpful!
@karthikeyan878
@karthikeyan878 Жыл бұрын
Please make a video on how to persist ngrx store values page reload
@MonsterlessonsAcademy
@MonsterlessonsAcademy Жыл бұрын
Thank you for the idea. I will add it to the list.
@kashmirtechtv2948
@kashmirtechtv2948 3 ай бұрын
And it gets worse for access token and protected routes 😂😂 I hope you will create some optimal solution video for that as well
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
I will add it to the list of video ideas
@VS-nq1ro
@VS-nq1ro Жыл бұрын
I’m sorry! I see that every where you are using nvim… for angular, react, vanilla etc - do you have articles or videos about your env and how do you use it?
@MonsterlessonsAcademy
@MonsterlessonsAcademy Жыл бұрын
I have only a general video about my vim configurations and why I'm using it. kzfaq.info/get/bejne/j9h8nNiYqc6npZ8.html You can find my config in the description.
React Context & Hooks Tutorial #21 - Adding Local Storage
10:40
Net Ninja
Рет қаралды 109 М.
Circular Dependency in Angular, React, Javascript: Best Practices for Avoidance
6:16
ОСКАР vs БАДАБУМЧИК БОЙ!  УВЕЗЛИ на СКОРОЙ!
13:45
Бадабумчик
Рет қаралды 3,4 МЛН
THE POLICE TAKES ME! feat @PANDAGIRLOFFICIAL #shorts
00:31
PANDA BOI
Рет қаралды 24 МЛН
Жайдарман | Туған күн 2024 | Алматы
2:22:55
Jaidarman OFFICIAL / JCI
Рет қаралды 1,7 МЛН
Учим React  LocalStorage / #3 - React JS для начинающих
12:09
Илья Стоянов - Верстка Сайта
Рет қаралды 3,6 М.
NPM vs Yarn in 2024
3:28
Backend Simplified
Рет қаралды 2 М.
From Beginner to Pro: Demystifying Angular Change Detection in Depth
12:56
Monsterlessons Academy
Рет қаралды 3,4 М.
I Discovered a Better Approach to NestJS Configuration
3:41
Tech Vision
Рет қаралды 149
How to Save React State to Local Storage (with Context API)
9:31
JSON OBJECT I STRINGIFY I PARSE I JSON PIPE l ANGULAR
3:34
Target Developers
Рет қаралды 43
ОСКАР vs БАДАБУМЧИК БОЙ!  УВЕЗЛИ на СКОРОЙ!
13:45
Бадабумчик
Рет қаралды 3,4 МЛН