Початок роботи

Встановлення

Щоб встановити TacoTranslate у ваш проєкт, відкрийте термінал і перейдіть до кореневої директорії вашого проєкту. Потім виконайте наступну команду для встановлення за допомогою npm:

npm install tacotranslate

Це припускає, що у вас вже налаштований проект. Дивіться приклади для отримання додаткової інформації.

Базове використання

У наведеному нижче прикладі показано, як створити клієнта TacoTranslate, обгорнути ваш додаток за допомогою провайдера TacoTranslate та використовувати компонент Translate для відображення перекладених рядків.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Page() {
	return <Translate string="Hello, world!" />;
}

export default function App() {
  return (
    <TacoTranslate client={tacoTranslateClient} locale="es">
      <Page />
    </TacoTranslate>
  );
}

Приклад налаштований на використання іспанської мови (locale="es"), тому компонент Translate виведе "¡Hola, mundo!".

Приклади

Завітайте до нашої папки прикладів на GitHub, щоб дізнатися більше про налаштування TacoTranslate саме для вашого випадку використання, наприклад, з Next.js App Router або використовуючи Create React App.

У нас також налаштований CodeSandbox, який ви можете переглянути тут.

Продукт від NattskiftetЗроблено в Норвегії