You can use redux-polyglot to easily use Airbnb's Polyglot in a React/Redux application.
(Note: I'm one of the authors)

It provides :

• a reducer to store language and corresponding messages. You can supply both by either :
  
  
  
  
  • a middleware that you can configure to catch specific action, deduct current language and get/fetch associated messages.
  
  
  • direct dispatch of setLanguage(lang, messages)
  
  


• a getP(state) selector that retrieves a P object that exposes 4 methods :
  
  
  
  
  • t(key): original polyglot T function
  
  
  • tc(key): capitalized translation
  
  
  • tu(key): upper-cased translation
  
  
  • tm(morphism)(key): custom morphed translation
  
  


• a getLocale(state)selector to get current language


• a translate higher order component to enhance your React components by injecting the p object in props

Simple usage example :

dispatch new language :

import setLanguage from 'redux-polyglot/setLanguage';



store.dispatch(setLanguage('en', {

    common: { hello_world: 'Hello world' } } }

}));

in component :

import React, { PropTypes } from 'react';

import translate from 'redux-polyglot/translate';



const MyComponent = props => (

  <div className='someId'>

    {props.p.t('common.hello_world')}

  </div>

);

MyComponent.propTypes = {

  p: PropTypes.shape({t: PropTypes.func.isRequired}).isRequired,

}

export default translate(MyComponent);

Please tell me if you have any question/suggestion !