Learn to Persist State in React Redux-Toolkit App using Redux-Persist
ฝัง
- เผยแพร่เมื่อ 3 พ.ย. 2024
- In this video, we are going to solve data persistence issue in one of my existing React Redux-Toolkit App with the help of Redux-Persist.
Box Office video link :- • Build Box Office App w...
Android Channel Link :- / @codingwan8794
Git-hub link :- github.com/tri...
My Social Media Link
Facebook Page:- / kodewithvishal
Instagram:- / code_withvishal
You can also support me through this way as well :- www.buymeacoff... or
ko-fi.com/code...
Please subscribe this channel for more awesome video on React & Redux Concept
Bro, I have gone through tons of documetation and wasted almost 6 hours, but then i found i your video and you just solved it like magic.
Thankyou so much for making this video. you just saved me a day or two.
Too long pro
Велике дякую тобі! Трохи неправильно був записаний загальний редюсер (не використовував combineReducers), із-за цього не записувалось в LS значення. Шукав 2 години в інтернеті вирішення проблеми, але не знайшов, ще й головне, що помилки саме зв'язаної з redux-persist ніякої не було. Дякую ще раз!
THANK YOU THANK YOU THANK YOU!! I have been struggling online for many tutorials and they all seem not to work. Finally, a straight forward solution to this! amazing man!
thanks it's working in my react app
it means alot. love from gujarat
very helpful i stuck in same thing but that is resolved now ,only because of you.Thanks a lot
Thanks a lotttt!
Such a simple yet effective tutorial
Wish there was a little explanation
Just what I needed straightforward.
Thank you.
Sir. You have made it simple and sweet thanks a lot
thank a lot! you just saved me from hours of searching for this simple solution!
Thanks bro ... For explaining as simple 🎉
Thanks brother ! It helped me in our mega-project implementation.
Thank you so much! Was stuck with this for hours. Great tutorial!
same here .. I was struggling since morning and I was about to loose hope just before I went to bed until I watched this video and now my store is working and persisting perfectly :)
Thank you so much for this video, bruv!!!!!!!🙌🏾 A friend sent it to me and it saved my ass
Thanks man. You made it super simple.
Thanks for saving my life.
Thanks for the straight foreward video
Very nice and quick explanation with an example..
Thank you. This was very useful.
Thank you very much...
Keep up the good work.
Thhhhhhhank you bro, you solve my big issue
from where you imported ReactQueryProvider? I dont have this persist folder and also this ReactQueryProvider element ? please let me know as I am getting error
Thanks a lot ♥️
Simply ur a Critical Resource man...!!!
Thank you so much for the video.
Hi, is same with NetxJs and Redux Toolkit?
Didnt expect it to work, but it did. Although with this warning :
A non-serializable value was detected in an action, in the path: `register`. Value: ƒ register(key) {
_pStore.dispatch({
type: _constants__WEBPACK_IMPORTED_MODULE_0__.REGISTER,
key: key
});
}
error acquire
I love you man. Thank you for this
this was super helpful, thanks brother
Thank you so much for this helpful video ✨
awesome tutorial!! thank you so much
thank you so much, this one helps a lot
thanks simple sweet tutorial
Gracias, excelente xplicacion. Resolvi mi problema gracias a ti.🤗
Awesome Vishal.
Thanks man!! Simple yet affective!!
hi.. i have question about your video before about nodejs, reactjs express and mysql.
what that application can deploy to htdocs for lan purpose using "npm run build"?
because i have try to deploy before using "npm run build" order and the application cannot be access.
you must set up the package json to use npm run build
Redux persist looks good, but I don’t want to persist a user when maybe token is not available or cookie is not available. How do I go about it?
You could clear that store when you do the check if the token doesn't match, It just depends how many requests and how often you want to do a request to your backend.
Great! Thanks
Thank you so much, exactly what I was looking for.
A thank you from brazil
Thank you so much❤
Amazing! Thx, man!
Thank you.
Thanks a lot!
Valeu cara (language: brazilian portuguese)
THANK YOU!
Hi brother, Thank's...
Can you also tell how we can whitelist or blacklist reducers when using redux persist
change to
const persistConfig = {
key: 'reducer',
storage: storage,
whitelist: ['reducer'] // or blacklist to exclude specific reducers
};
you can also whitelist or blacklist individual key elements inside initial state by calling that
thank you man....
Thanks a lot
This can be bad because the state is simply stored in the web app's local storage which can be directly modified. Don't use this method if you're saving state like user roles, etc. which you don't want people to simply edit.
saving state to the local storage is a common practice in web app development. As long as you do not save sensitive information and you do proper route protection and API guards, then you're good to go
Thanks really helped 🙏🙏
Thanks
helpful video
Muchas gracias
Thank you man ❤️❤️
THANKS A LOT
capo total!
Thanks🥹
Thanks !!
thanks
thanks