redux-intl

Simple bindings between react-intl and redux.

Installation

$ npm install --save react react-intl react-redux redux redux-intl

Usage

// ES6 Syntax
 
import React from 'react'
import ReactDOM from 'react-dom'
import { combineReducers, createStore } from 'redux'
import { Provider } from 'react-redux'
import { FormattedMessage } from 'react-intl'
import ReduxIntl, { reducer as intl, setLocale } from 'redux-intl'
 
const rootReducer = combineReducers({ intl })
const store = createStore(rootReducer)
 
store.dispatch(setLocale('en', {
  'hello': 'Hello World!'
}))
 
ReactDOM.render(
  <Provider store={store}>
    <ReduxIntl>
      <FormattedMessage id='hello' />
    </ReduxIntl>
  </Provider>,
  document.getElementById('root')
)