Fronto Localize

Basic Localization utility

// /path/to/component_name/locale.js
import localize from 'fronto-localize';
 
const en = {
  blah: "Blah"
};
 
const th = {
  blah: "บลา"
}
 
export default localize({ en, th });
 

Then in your component file.

// /path/to/component_name/index.js
import t from './locale'
 
class ComponentName extends React.PureComponent { 
  // ...
  render() {
    <div>{t('blah')}</div>
  }
}

By default it will look for the localStorage.getItem('locale') if that doesn't exist it defaults to en, however you can specify one like so t('blah', 'th')