Скачать или смотреть How to ACTUALLY use Local Storage in React

Oftentimes, beginner developers use `useEffect` and a `useState` to create a copy of local storage. This isn't a good practice as now state is duplicated, and can cause bugs (sync issues e.g.).

In this video, we discuss `useSyncExternalStore`, which is a good alternative React hook to subscribe to local storage and cause component re-render on local storage writes.

Timestamps:
00:00 - State in web apps
01:30 - Local Storage in React
03:15 - Non-Persistent state Example
04:15 - Local Storage with useEffect and useState
06:23 - Problem with using useEffect and useState
07:44 - Correct way to use Local Storage
13:38 - Other libs to use Local Storage in React
14:34 - Sign off

#javascript #react #softwareengineer #webdevelopment

Follow me on:
  / osamakhtar  
https://x.com/_osamaakhtar
  / osamaakhtardev  
https://github.com/oakhtar147