React Integration

React integration for tanzlate, including components interpolation.

Installation

npm

npm install @tanzlate/react

yarn

yarn add @tanzlate/react

pnpm

pnpm add @tanzlate/react

Usage

<I18nProvider>

The I18nProvider is a React context provider that:

• Initializes an i18next instance with the given config.
• Exposes the i18n context via React's createContext/useContext.
• Bridges language-change events into React state so components re-render automatically.

import { I18nProvider } from '@tanzlate/react';

export default function App() {
  return (
    <I18nProvider config={i18nConfig}>
      <MyApp />
    </I18nProvider>
  );
}

useI18n

import { useI18n } from '@tanzlate/react';

const { cT, globalT, forNamespace, lang, changeLanguage } = useI18n('my_namespace');

Return value	Type	Description
cT	cTFunc	Translation helper scoped to the given namespace
globalT	cTFunc	Translation helper for the global namespace
forNamespace	(ns) => cTFunc	Factory to create a helper for any namespace
lang	string	Current language
changeLanguage	(lng) => Promise<void>	Change the active language