React Localization SDK

1npm install @sejhey/react-i18n

1import { SejheyI18n, SejHeyProvider, useTranslate, T } 
2from '@sejhey/react-i18n'
3
4/* Create the i18n instance */
5const i18n = new SejheyI18n({ defaultLanguage: 'en' })
6  .useCdnLoader({ sejheyProjectId: 'XXXX-XXXX' }) // Fetch from SejHey CDN
7  .useInContextEditor({ sejheyProjectId: 'XXXX-XXXX' }) // Enable in-context editing
8  .useLanguagePicker() // Optional: add language picker
9
10/* Wrap your app with <SejHeyProvider> */
11export default function MyApp() {
12  return (
13    <SejHeyProvider i18n={i18n}>
14      <AnotherComponent />
15    </SejHeyProvider>
16  )
17}
18
19/* Now use translations like this */
20const AnotherComponent = () => {
21  const { t } = useTranslate()
22
23  return (
24    <>
25      <h1>{t('welcome_message')}</h1>
26
27      {/* Or if you prefer a component */}
28      <T keyName='welcome_message' />
29    </>
30  )
31}