Skip to content

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

License

Notifications You must be signed in to change notification settings

rodrigooler/i18nh

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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