Persistor - синхронізація станів між redux і локальним сховищем

Бібліотека вміє автоматично зберігати і завантажувати значення змінних між станами редюсера (глбального сховища) і локальнис сховищем браузера щоб після перезапуску або перезавантаження браузера значення залишились. 1. Встановлюємо бібліотеку Redux Persist

npm install redux-persist

2. Імпортуємо у первинний модуль mail.jsx модуль PersistGate і обгораємо ним модуль редьюсера. В якості параметра передаємо у цей модуль налаштування persistor що будуть налаштовані у головному сховищі редьюсера.

import { render } from 'preact'
import { App } from './app.jsx'
import { Provider } from 'react-redux'
import { persistor, store } from './redux/store'
import { PersistGate } from "redux-persist/integration/react";

import './index.css'

render(
    <Provider store={store}>
        <PersistGate persistor={persistor}>
            <App />
        </PersistGate>
    </Provider>
    , document.getElementById('app'))