react-localization-dk v1.0.1

Version of React should be >= 16.8.0 (supports hooks)

How to use:

1) Import provider

import { LocalizationProvider } from LocalizationProvider

2. Wrap your main component and provide props

Example:

Just for example (better to put localization in JSON)

const localization = {
    en: {
        'title': 'Example title'
    },
    ua: {
        'title': 'Заголовок для тесту'
    }
}

<LocalizationProvider 
    defaultValue='en'
    abbreviations=['en', 'ua']
    localization={localization}
    >
    <App />
</LocalizationProvider>

3. Then you can use useLocalization inside child component

Example:

import { useLocalization } from 'LocalizationProvider'

const { 
    locale,
    setCurrentAbbreviation,
    currentAbbreviation,
    abbreviations
     } = useLocalization();

then you can use it like this:

<h2>{ locale.title }</h2>

4. If you want to change localization just run setCurrentAbbreviation(abbr of country in your obj) Ex: setCurrentAbbreviation(pl)

5. That's all you have full access to all localizations, where:

    locale - current localization object Ex: { propName: text, propName2: text, ... }
    setCurrentAbbreviation - function to change localization object, Ex: setCurrentAbbreviation('ua')
    currentAbbreviation - current abbrreviation, Ex: 'en',
    abbreviations - array of your abbrivations, Ex: ['en', 'ua', 'pl']