/use-t

🗺 Translations with React hooks

Primary LanguageTypeScriptThe UnlicenseUnlicense



🗺
use-t

Translations for React.



Installation

npm i use-t


Reference

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


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.