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

ความคิดเห็น • 70

  • @farhanlaeeq4245
    @farhanlaeeq4245 ปีที่แล้ว +8

    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.

    • @antoan-cs8ni
      @antoan-cs8ni 4 หลายเดือนก่อน

      Too long pro

  • @ПерепелицяДмитроКБ21
    @ПерепелицяДмитроКБ21 11 หลายเดือนก่อน

    Велике дякую тобі! Трохи неправильно був записаний загальний редюсер (не використовував combineReducers), із-за цього не записувалось в LS значення. Шукав 2 години в інтернеті вирішення проблеми, але не знайшов, ще й головне, що помилки саме зв'язаної з redux-persist ніякої не було. Дякую ще раз!

  • @yasserhy
    @yasserhy ปีที่แล้ว

    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!

  • @dhruvluvani5514
    @dhruvluvani5514 2 หลายเดือนก่อน

    thanks it's working in my react app
    it means alot. love from gujarat

  • @rajkumarsingh3826
    @rajkumarsingh3826 6 หลายเดือนก่อน

    very helpful i stuck in same thing but that is resolved now ,only because of you.Thanks a lot

  • @muskandodmani3579
    @muskandodmani3579 3 หลายเดือนก่อน

    Thanks a lotttt!
    Such a simple yet effective tutorial
    Wish there was a little explanation

  • @AbiodunSam
    @AbiodunSam ปีที่แล้ว +3

    Just what I needed straightforward.
    Thank you.

  • @SwitinKotian
    @SwitinKotian 4 หลายเดือนก่อน

    Sir. You have made it simple and sweet thanks a lot

  • @urieldahan8240
    @urieldahan8240 ปีที่แล้ว

    thank a lot! you just saved me from hours of searching for this simple solution!

  • @HarshaVardhan-fu9kv
    @HarshaVardhan-fu9kv 4 หลายเดือนก่อน

    Thanks bro ... For explaining as simple 🎉

  • @sarvesh2684
    @sarvesh2684 7 หลายเดือนก่อน

    Thanks brother ! It helped me in our mega-project implementation.

  • @sza619
    @sza619 ปีที่แล้ว +3

    Thank you so much! Was stuck with this for hours. Great tutorial!

    • @yasserhy
      @yasserhy ปีที่แล้ว

      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 :)

  • @victoriabanjo847
    @victoriabanjo847 9 หลายเดือนก่อน

    Thank you so much for this video, bruv!!!!!!!🙌🏾 A friend sent it to me and it saved my ass

  • @djkunsal
    @djkunsal 5 หลายเดือนก่อน

    Thanks man. You made it super simple.

  • @mrnabby4178
    @mrnabby4178 11 หลายเดือนก่อน

    Thanks for saving my life.

  • @SubhranshuChoudhury
    @SubhranshuChoudhury ปีที่แล้ว

    Thanks for the straight foreward video

  • @bashful88
    @bashful88 ปีที่แล้ว

    Very nice and quick explanation with an example..

  • @AmitabhSuman
    @AmitabhSuman 6 หลายเดือนก่อน

    Thank you. This was very useful.

  • @billprof
    @billprof ปีที่แล้ว

    Thank you very much...
    Keep up the good work.

  • @mohammadbrzbrz72
    @mohammadbrzbrz72 ปีที่แล้ว

    Thhhhhhhank you bro, you solve my big issue

  • @upasanapatil9624
    @upasanapatil9624 ปีที่แล้ว

    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

  • @nystom6298
    @nystom6298 ปีที่แล้ว +1

    Thanks a lot ♥️
    Simply ur a Critical Resource man...!!!

  • @shivamnema6535
    @shivamnema6535 ปีที่แล้ว

    Thank you so much for the video.

  • @cloudeweb
    @cloudeweb ปีที่แล้ว

    Hi, is same with NetxJs and Redux Toolkit?

  • @antoniuskonovalov
    @antoniuskonovalov ปีที่แล้ว +4

    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
    });
    }

    • @aditya-d-
      @aditya-d- 8 หลายเดือนก่อน

      error acquire

  • @airshadow8342
    @airshadow8342 2 ปีที่แล้ว +1

    I love you man. Thank you for this

  • @kartikkatiyar2102
    @kartikkatiyar2102 ปีที่แล้ว

    this was super helpful, thanks brother

  • @sydrm
    @sydrm ปีที่แล้ว

    Thank you so much for this helpful video ✨

  • @ishantsahni9814
    @ishantsahni9814 ปีที่แล้ว

    awesome tutorial!! thank you so much

  • @raikoo5714
    @raikoo5714 ปีที่แล้ว

    thank you so much, this one helps a lot

  • @jitendrasinghsola
    @jitendrasinghsola 9 หลายเดือนก่อน

    thanks simple sweet tutorial

  • @rafaelventura9819
    @rafaelventura9819 ปีที่แล้ว

    Gracias, excelente xplicacion. Resolvi mi problema gracias a ti.🤗

  • @meramatimeradesh
    @meramatimeradesh ปีที่แล้ว

    Awesome Vishal.

  • @samarthm4582
    @samarthm4582 2 ปีที่แล้ว

    Thanks man!! Simple yet affective!!

  • @ikanharuan4804
    @ikanharuan4804 2 ปีที่แล้ว

    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.

    • @fotballidolfacts
      @fotballidolfacts ปีที่แล้ว

      you must set up the package json to use npm run build

  • @geepy5708
    @geepy5708 ปีที่แล้ว

    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?

    • @LifeOfMohammed
      @LifeOfMohammed ปีที่แล้ว

      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.

  • @Coolgardt
    @Coolgardt ปีที่แล้ว

    Great! Thanks

  • @rikanishimura6455
    @rikanishimura6455 2 ปีที่แล้ว

    Thank you so much, exactly what I was looking for.

  • @frank511
    @frank511 2 ปีที่แล้ว

    A thank you from brazil

  • @mdrasimulislamgaming4323
    @mdrasimulislamgaming4323 5 หลายเดือนก่อน

    Thank you so much❤

  • @so_eliel_ares
    @so_eliel_ares ปีที่แล้ว

    Amazing! Thx, man!

  • @alimoradi3160
    @alimoradi3160 4 วันที่ผ่านมา

    Thank you.

  • @NikhilKumar-wz5fn
    @NikhilKumar-wz5fn 6 หลายเดือนก่อน

    Thanks a lot!

  • @luancordeiro2914
    @luancordeiro2914 ปีที่แล้ว

    Valeu cara (language: brazilian portuguese)

  • @Metovski
    @Metovski 11 หลายเดือนก่อน

    THANK YOU!

  • @peruchodev
    @peruchodev ปีที่แล้ว

    Hi brother, Thank's...

  • @shubhamsood589
    @shubhamsood589 2 ปีที่แล้ว

    Can you also tell how we can whitelist or blacklist reducers when using redux persist

    • @AnandGiri
      @AnandGiri 2 ปีที่แล้ว

      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

  • @Abhishekkumar-xd5lb
    @Abhishekkumar-xd5lb 2 ปีที่แล้ว +1

    thank you man....

  • @navedahmedkhan4899
    @navedahmedkhan4899 ปีที่แล้ว

    Thanks a lot

  • @klhmia
    @klhmia ปีที่แล้ว

    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.

    • @yasserhy
      @yasserhy ปีที่แล้ว

      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

  • @RohitKumar-dz8dh
    @RohitKumar-dz8dh ปีที่แล้ว

    Thanks really helped 🙏🙏

  • @antoan-cs8ni
    @antoan-cs8ni 4 หลายเดือนก่อน

    Thanks

  • @mr_hassanali
    @mr_hassanali ปีที่แล้ว

    helpful video

  • @kaioqrz
    @kaioqrz ปีที่แล้ว

    Muchas gracias

  • @pavankristipati3924
    @pavankristipati3924 2 ปีที่แล้ว

    Thank you man ❤️❤️

  • @arijitRoyFullyStressedOut
    @arijitRoyFullyStressedOut ปีที่แล้ว

    THANKS A LOT

  • @elvillano1777
    @elvillano1777 10 วันที่ผ่านมา

    capo total!

  • @muhsin8604
    @muhsin8604 ปีที่แล้ว

    Thanks🥹

  • @BBocho
    @BBocho ปีที่แล้ว

    Thanks !!

  • @zyc6297
    @zyc6297 5 หลายเดือนก่อน

    thanks

  • @mr_hassanali
    @mr_hassanali ปีที่แล้ว

    thanks