rodrigooler/i18nh

i18nh - (I18n Hook) i18n simplified and made to solve the problem of internationalization using the concept of hook (react)

DEPRECATED because the initial idea was to have an alternative to using i18n with hooks, but now i18next is indicated and recommended!

https://react.i18next.com/

Install

Support

• NodeJS
• React
• NextJS
• Create React App 1.0
• Create React App 2.0
• React Native
• PhoneGap / Cordova
• Angular
• Vue
• NativeScript

NPM

npm install i18nh --save

YARN

yarn add i18nh

Use

To use it is simple just look at the steps below

import i18nh, { useT } from 'i18nh'

// Create a language object containing the 
// translations as in the example below
const languages = {
    en: {
        hello: 'Hello',
        about: 'About',
        goodMorning: 'Good Morning',
    },
    pt: {
        hello: 'Olá',
        about: 'Sobre',
        goodMorning: 'Bom Dia',
    },
}

// i18nh load the language object containing 
// the translations and also the default language argument
i18nh({
    languages, 
    defaultLanguage: 'en'
});

const [t] = useT();

console.log(t('hello')) 
// Hello
console.log(t('about')) 
// About
console.log(t('goodMorning')) 
// Good Morning

console.log(t('hello', 'pt')) 
// Olá
console.log(t('about', 'pt')) 
// Sobre
console.log(t('goodMorning', 'pt')) 
// Bom Dia

i18nh's Issues

Add example with react-native

[Docs] Azure Translation

Create Azure Translation Documentation.

Add Amazon Translate

Integrate Amazon Translate to lessen the translation complexity of applications that use online resources.

https://docs.aws.amazon.com/pt_br/translate/latest/dg/what-is.html
https://aws.amazon.com/pt/translate/

Add example with create-react-app

[Docs] Azure Translation

Create Azure Translation Documentation.

Add example with angular

Add example with vue