React Schnellstart

Verwenden Sie diesen Track, wenn Sie die 18ways-Laufzeit in React ohne die Next-spezifische Adapter-Schicht wünschen.

Installieren

bash
npm install @18ways/react

Grundübersetzung

tsx
import { useState } from 'react';
import {
  LanguageSwitcher,
  Ways,
  T,
} from '@18ways/react';
 
export function App() {
  const [locale, setLocale] = useState('fr-FR');
 
  return (
    <Ways
      apiKey="YOUR_18WAYS_PUBLIC_API_KEY"
      locale={locale}
      baseLocale="en-GB"
      context="app"
    >
      <LanguageSwitcher
        currentLocale={locale}
        onLocaleChange={setLocale}
      />
      <Ways context="checkout.button">
        <T>Pay now</T>
      </Ways>
    </Ways>
  );
}

Von dort aus fügen Sie useT(), geschachtelte Kontexte und benutzerdefinierte Gebietsschema-Steuerelemente auf der Seite "Verwendung" hinzu.

Nächster Schritt: React-Nutzung