Usage

Setup

import { createStore } from 'redux'

import yourReducer1 from './yourReducer1'

import yourReducer2 from './yourReducer2'

import { setConfig, mergeReducers } from 'use-redux-states'

const appReducer = mergeReducers({ yourReducer1, yourReducer2 })

const store = createStore(appReducer)

setConfig({cleanup: false})

Basic Usage

import React, { Component } from 'react'

import { useReduxState, useMemoSelector } from 'use-redux-states'

const Usage = () => {

const { selector, setState } = useReduxState('component_state', {

/* initial states */

count: 1,

locale: 'en_US'

})

const { locale, count } = useMemoSelector(selector)

const onChange = (e) => setState({locale: e.target.value})

const onClick = () =>

setState((prevState) => ({ ...prevState, count: count + 1 }))

return (

<div>

<h6>Current Count: {count}</h6>

<input onChange={onChange} value={locale} />

<button onClick={onClick}>

Increment Count

</button>

</div>

)

}