Legg til glotstack-provider i React-appen din
Det er like enkelt som å legge til en context-provider på øverste nivå i applikasjonen din én gang.
Når du har lagt til context-provider, fylles oversettelsene automatisk inn i applikasjonen din basert på den valgte locale.
<GlotstackProvider initialLocale='en-US' importMethod={importMethod}>
<YourApp/>
</GlotstackProvider>
Hent oversettelsene dine på forespørsel — når som helst
yarn glotstack get-translations
Ingen flere ventetider på språkeksperter. Bruk vår CLI for å hente oversettelsene dine når som helst du vil oppdatere dem. Å bruke
context
i oversettelsesfilen sikrer at oversettelsene stemmer overens med intensjonen din. Bruk
--yaml
hvis du vil bruke YAML-filer
om YAML
Glotstack tilbyr et enkelt API basert på hooks
const { t } = useGlotstack()
<>
{t('YourKey', {
assigns: {
Component: <Component prop="f"></Component>,
insertNode: <Icon name="icon-set"/>,
mdash: <>—</>
another: <>{t('OtherKey', {locale: 'en-US'})}
},
})}
</>
Bruk assigns
-alternativet til å erstatte hvilken som helst React.Node
i oversettelsene. Du kan bruke <Component>something</Component>
-notasjon inline så lenge du sender inn riktig komponentnavn i assigns — dette er nyttig når du ikke ønsker å lage en ny oversettelsesnøkkel. Du kan også bruke {{substitution}}
-notasjon for å erstatte en node direkte.
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}}.