react-i18zen v0.1.4

react-i18zen

Extreme simple i18n for react projects

Install

npm install react-i18zen --save

Load

import React from 'react';
import ReactDOM from 'react-dom';

import I18Zen, { I18ZenProvider } from 'react-i18zen';

// we can use local files
import en from './locales/en.json';
import pt from './locales/pt.json';

// or we can use remote files
const remoteLocales = [
  { locale: 'en', url: 'http://localhost:3000/locales/en.json' },
  { locale: 'pt', url: 'http://localhost:3000/locales/pt.json' }
];

Usage Example

function App() {
  const { __, changeCurrentLocale } = I18Zen();
  return (
    <div>
        <span>{__('hello', { name: 'José' })}</span>
        <button onClick={(_e) => changeCurrentLocale('en') }>Change Locale</button>
    </div>
  );
}

ReactDOM.render(
    <I18ZenProvider 
        locales={{ pt, en }}
        remoteLocales={remoteLocales}
        errorCallback={console.error}
        readyCallback={() => { console.log("Locale was loaded!");  }}
        defaultLocale="pt"
    >
        <App />
    </I18ZenProvider>
    , document.getElementById('root'));

Locale Example

{
    "hello": "Hello, {{name}}."
}