كيف يمكنني الحفاظ على ال state بعد تحديث الصفحة في redux

Rayden Storm · 22 مارس 2021

مرحبا أنا أستخدم redux بالطريقة المعتادة


    import React from 'react';

    import ReactDOM from 'react-dom';

    import './index.css';

    import App from './App';

    // REDUX

    import { Provider } from 'react-redux';

    import store from './redux/store';

    ReactDOM.render(

      <Provider store={store}>

        <React.StrictMode>

          <App />

        </React.StrictMode>

      </Provider>,

    document.getElementById('root'),

    );


    import { createStore } from 'redux';

    import rootReducer from './rootReducer';


    const store = createStore(rootReducer);


    export default store;

وأبحث عن طريقة للحفاظ على ال state بعد تحديث الصفحة

Mohammed Saber6 · 22 مارس 2021

لديك عدة طرق

يمكنك أ ن تحفظ الحالة كلها في ال local storage هكذا


import { createStore } from 'redux';

import rootReducer from './rootReducer';


const store = createStore(rootReducer);
localStorage.setItem('appState', JSON.stringify(store))

export default store;

ثم عند استخدامها عند بدء ال application مثلاً باستدعائها واستخدامها

const state = JSON.parse(localStorage.getItem('appState')) || {}

أن تستخدم مكتبة جاهزة توفر عليك مثل مكتبة redux-persist

Yomna Raouf · 22 مارس 2021

عندما نريد حفظ الحالة عند عمل refresh للمتصفح، فمن الأفضل أن تقوم بذلك باستخدام الطبقات الوسيطة ل redux. مثل الطبقات الوسيطة التي تسمى redux-persist و ال redux-storage. فكلًا منهما تقوم بنفس الوظيفة و هي حفظ ال redux state و تحميلها بعد عمل refresh.

لذلك أنصحك بأن تلقي نظرة على الطبقة الوسيطة redux-persist فهي توفر أكثر من طريقة لل storage implementation و تدعم ال web و react-native و electron و node.

كيف يمكنني الحفاظ على ال state بعد تحديث الصفحة في redux

السؤال

Rayden Storm

رابط هذا التعليق

شارك على الشبكات الإجتماعية

2 أجوبة على هذا السؤال

Recommended Posts

Mohammed Saber6

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Yomna Raouf

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية