LXLexiSync

React SDK — lexisync-react

Provider, hooks, and components for loading translations in React apps.

lexisync-react provides a provider, hooks, and Suspense-friendly loaders.

import { LexiSyncProvider, useT } from 'lexisync-react';

<LexiSyncProvider
  projectId={process.env.NEXT_PUBLIC_LEXISYNC_PROJECT_ID!}
  version="production"
  apiUrl="https://lexisync.app"
>
  <App />
</LexiSyncProvider>

function Greeting() {
  const { t, ready } = useT('common');
  if (!ready) return null;
  return <h1>{t('greeting')}</h1>;
}

Pair with react-i18next for the same translation API in components, or read the raw bundle via useResources.