Install

1npm install --save react-redux-multilang

Reducer and sync

1import { langReducer, syncWithStore } from 'react-redux-multilang'
2
3const store = createStore(
4  combineReducers({
5    lang: langReducer // step 1: add reducer
6  })
7);
8syncWithStore(store) // step 2: sync language with store

Use in components

1import MultiLanguage from 'react-redux-multilang'
2import { connect } from 'react-redux'
3
4const translate = new MultiLanguage({
5    en: {
6        text: 'text here',
7        deep: {
8            text: 'deep text here'
9        }
10    },
11    ru: {
12        text: 'текст тут',
13        deep: {
14            text: 'вложенный текст тут'
15        }
16    }
17})
18
19class MyComponent extends Component{
20    render(){
21        return (
22            <div>
23                <p>{translate.text}</p>
24                <p>{translate.deep.text}</p>
25            </div>
26        )
27    }
28}
29
30export default connect(state => ({ lang: state.lang }))(MyComponent);

Change language

1import { setLanguage } from 'react-redux-multilang'
2
3// change language from anywhere
4setLanguage('ru')
5
6// sample with button and onClick
7<button onClick={() => setLanguage('ru')}>Change language to Russian</button>
8<button onClick={() => setLanguage('en')}>Change language to English</button>
9
10// also you can dispatch action like this
11store.dispatch({
12    type: 'SET_REDUX_LANGUAGE',
13    code: 'ru'
14})