How To Save React State On Page Refresh

preview_player
Показать описание
In this video we discuss why React state disappears and your app breaks on page refresh. We will cover if you should even bother fixing this in the early stages of your app, and a simple method to automatically preserve your state through a page refresh.

  1. Rah Codes
  2. react tutorial
  3. react js
  4. local storage
  5. reactjs 2020
  6. react localstorage useeffect
Рекомендации по теме
Save State to 0:13:33

Save State to LocalStorage & Persist on Refresh with React.js

How To Save 0:11:45

How To Save React State On Page Refresh

React Persist State 0:04:10

React Persist State to LocalStorage with useEffect

Things you didn't 0:04:40

Things you didn't know about re-rendering in React

Super simple global 0:11:01

Super simple global state in React 🤩 (react-hooks-global-state)

Learn useState In 0:15:45

Learn useState In 15 Minutes - React Hooks Explained

Full React Tutorial 0:06:42

Full React Tutorial #8 - Using State (useState hook)

React State Vs 0:05:46

React State Vs Props

Redux Toolkit Store 0:09:41

Redux Toolkit Store Setup #2: configureStore & useSelector in React Explained

Learn to Persist 0:08:55

Learn to Persist State in React Redux-Toolkit App using Redux-Persist

React State Management 2:46:38

React State Management – Intermediate JavaScript Course

React Hooks Tutorial 0:06:21

React Hooks Tutorial - 3 - useState with previous state

Local Storage and 0:05:14

Local Storage and Session Storage explanation in Forms | React.js | HTML | CSS | JS | Beginner

React Js How 0:06:59

React Js How to REFRESH a Component | Best Practice

useContext In 2 0:02:18

useContext In 2 Minutes - the React Hooks series

Avoid this React 0:13:23

Avoid this React State Mistake | React Previous State Explained

Fix delayed state 0:02:22

Fix delayed state update in React. Receiving Previous value of state.

Preventing React re-renders 0:12:11

Preventing React re-renders with composition

How to use 0:04:44

How to use LocalStorage in react js || How to Store and Get data in LocalStorage in React JS

How to safely 0:12:16

How to safely use external state in Concurrent React

Persist state on 0:09:57

Persist state on page reload #react

How To Pick 0:00:55

How To Pick A React State Manager

React Persistent User 0:37:27

React Persistent User Login Authentication with JWT Tokens

How to keep 0:05:26

How to keep user logged in React JS || Stay logged in using window.localstorage() React JS Tutorial

Комментарии
Автор

new to the channel happy to see another brother coding.
I'm new just started a Bootcamp this video was helpful.

NardiLo
Автор

Thanks man i was working on since mrng your video made my day better

adarishanmukh
Автор

Hey man just wanted to let you know this really helped me! Love your vids, stay golden my man!

wishexploder
Автор

This is really great - answered my question perfectly. Cheers Rah!

sstephenson
Автор

Yeah this answered a very niche question that I could not find the answer to. Great job!

kurttripodi-baux
Автор

Thank you for this amazing video. It helped a lot ^^

aelrindel
Автор

awesome video is this, take so nice to listen see it, look ahead to drive code 😊

Ari-pqdb
Автор

This is really very good solution. Thanks Man😊

atishyadavit
Автор

What if user data is sensitive and you still need to store in UI what we can use apart from local storage????

hk_build
Автор

It's easy on a mobile to refresh a page by scrolling. This is the problem. If you have an app that calculated stuff for a long term. ex: inventory

BigBetaTester
Автор

WAKANDA SIGNUP😂😂
Am Just signing up to be a wakanda🤓,
Great tutorial Sir

the_street_coder
Автор

Hi, thanks for video! But how do you save react state on search ?

nickk
Автор

Once I save the page using "Chrome save page.html" HTML page will be downloaded... after I run the page test.html in I am losing data . How do I solve this problem...

pavankogpayana
Автор

i need it because it will display, so when user visits it will still be there, i did what you said worked, spent 2 months on this, thank you, so much ****
everywhere you are honest no am a brown fella also.

oldguyable
Автор

How to save data when we goback, and again we move to page it still data

abhashsingh