streamich / use-t

🗺 Translations with React hooks

🗺
use-t

^{Translations for React.}

Installation

npm i use-t

Reference

import {Provider, useT, withT, Trans, Consumer, context} from 'use-t';

• <Provider>
• useT()
• withT()
• <Trans>
• <Consumer>
• context
• createTranslations()

Example

import {Provider, useT} from 'use-t';

const Hello = (props) => {
  const [t] = useT();
  return (
    <div>
      <div>
        {t('Hello')}, {props.name}!
      </div>
      <div>
        {t.t('hello_user')`Hello, ${props.name}!`}
      </div>
    </div>
  );
};

<Provider locale="de" map={{
  de: {
    main: {
      Hello: 'Hallo',
      hello_user: (name) => `Hi, ${name}!`
    }
  }
}}>
  <Hello name="Mike" />
</Provider>

License

Unlicense — public domain.