@quave/react-i18n

React i18n components

Usage

Adding npm dependency in your project

npm i @quave/react-i18n

import { ENGLISH, PORTUGUESE, LanguageChange, useTranslate, Store } from '@quave/react-i18n';

export const TERMS = {
    pageTitle: {
        [ENGLISH]: 'English page title',
        [PORTUGUESE]: 'Título da página em português',
    },
};

const LanguageTest = () => {
  const { i18n } = useTranslate();
  return <div>{i18n('pageTitle')}</div>;
};

export const App = () => (
  <Store languageData={TERMS}>
    <LanguageChange {...args} />
    <LanguageTest />
  </Store>
);