React Translate

The core library for React Translate.

!Shields.io badge

The latest distribution files can be found on UNPKG:
- CommonJS
- UMD

Installation

npm i --save @react-translate/core

Usage

At the root of your app, set up your localization context provider:

``js
import React, { useState } from 'react';
import { Languages, Locales, LocalizationContext } from '@react-translate/core';

const App = () => {
const [currentLanguage, setCurrentLanguage] = useState(Languages.en);
const [currentLocale, setCurrentLocale] = useState(Locales.enUS);

return (
language: currentLanguage,
locale: currentLocale,
update: (language: Languages, locale?: Locales) => {
setCurrentLanguage(language);
setCurrentLocale(locale);
}
}}>
...

)
}
`

You can then use the Translate component which will update it's translation whenever LocalizationContext's language property is updated.

`js
import React, { useContext } from 'react';
import Translate from '@react-translate/core';

const MyComponent = () => {
return (

)
}
``

Contributing

$3

Please read our contributing guide for information on how to suggest code changes.

$3

We encourage you to read our code of conduct to know what is and isn't tolerated by interacting with our repository.

$3

React Translate is GPL-3.0 licensed.