Skip to content

Latest commit

 

History

32 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

About

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

Topics

Resources

Stars

40 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages