https://github.com/errorpro/react-translator

React plugin for multi-languages.
https://github.com/errorpro/react-translator

Last synced: about 2 months ago
JSON representation

React plugin for multi-languages.

• Host: GitHub
• URL: https://github.com/errorpro/react-translator
• Owner: ErrorPro
• Created: 2016-07-03T15:52:53.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-07-07T08:04:35.000Z (over 9 years ago)
• Last Synced: 2025-01-20T17:24:22.197Z (about 1 year ago)
• Language: JavaScript
• Size: 8.79 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React plugin for translations and multi-languages applications.

This is a simple plugin for using multi languages in your project.

## Install

    npm install react-translator --save

## Example

This prugin requires `react` and `redux` libraries.

First of all we need to add a reducer to our store:

    createStore(

      combineReducers({...reducers, lang: translatorReducer('ru')})

    )

the name of reducer should be `lang`.

Use the plugin in your component:

    import { translator, changeLanguage } from 'react-translation';

    export default compose(

      connect(

        null,

        { changeLanguage },

      ),

      translator({

        foo: {

          ru: 'Привет',

          en: 'Hello',

          sp: 'Hola',

        }

      }),

    )(MyComponent)

Use your keys as props in your component:

    
 {this.props.foo} 

     this.props.changeLanguage('en')}>en

     this.props.changeLanguage('ru')}>ru

     this.props.changeLanguage('sp')}>sp


[![Example](http://i.makeagif.com/media/7-04-2016/iZqMHr.gif)]()