react-persist-context

Simple React state management library built on top of useContext and useReducer with data persistence.

Installation

1npm i react-persist-context

Usage

Initialization

Wrap the main entry file with PersistentContextProvider.

1import { PersistentContextProvider } from 'react-persist-context'
2// code before returning...
3return (
4    <PersistentContextProvider store={store}>
5        <EntryComponent {...props} />
6    </PersistentContextProvider>
7)

The store is an object value consisting of state and reducer (the same basic structure from redux).

1const store = {
2    state: yourInitialState
3    reducer: yourReducer
4}

Accessing persisted context

After initializing your provider, you can now access the persisted context using usePersistedContext which returns { state, dispatch }

1// component who is accessing
2import { usePersistedContext } from 'react-persist-context'
3
4const CompononentWhoIsUsing = () => {
5    const { state, dispatch } = usePersistedContext()
6    /* rest of the code*/
7    return (...)
8}

Persistence

The data persistence uses cookies and by default in session.

License

ISC