Dodajte glotstack provider u vašu React aplikaciju
Jednostavno kao dodati context provider na najviši nivo vaše aplikacije jednom.
Kada dodate context provider, prevodi će se automatski učitavati
u zavisnosti od izabrane lokalizacije.
<GlotstackProvider initialLocale='en-US' importMethod={importMethod}>
<YourApp/>
</GlotstackProvider>
Preuzimajte prevode na zahtev — u bilo kojem trenutku
yarn glotstack get-translations
Više ne morate čekati jezičke stručnjake. Koristite naš CLI da preuzmete prevode kad god želite da ih ažurirate. Korišćenje
context
u fajlu sa prevodima osigurava da prevodi odgovaraju vašem značenju. Koristite
--yaml
ako želite da koristite YAML fajlove
o YAML-u.
Glotstack koristi jednostavan API zasnovan na hook-ovima
const { t } = useGlotstack()
<>
{t('YourKey', {
assigns: {
Component: <Component prop="f"></Component>,
insertNode: <Icon name="icon-set"/>,
mdash: <>—</>
another: <>{t('OtherKey', {locale: 'en-US'})}
},
})}
</>
Možete koristiti opciju assigns
da zamenite bilo koji React.Node
u prevodima. Inline notacija <Component>something</Component>
je dostupna ako u assigns prosledite odgovarajuće ime komponente — korisno kada ne želite da pravite novi ključ za prevod. Direktnu zamenu čvora omogućava notacija {{substitution}}
.
YourKey:
value: |
This is an example source text. We want to <Component>do this</Component.
We also want to demonstrate {{insertNode}} and {{mdash}}.
We can even nest other translated things {{another}}.