TacoTranslate
/
ДокументаціяЦіни
 
  1. Вступ
  2. Початок роботи
  3. Налаштування та конфігурація
  4. Використання TacoTranslate
  5. Серверний рендеринг
  6. Розширене використання
  7. Найкращі практики
  8. Обробка помилок і налагодження
  9. Підтримувані мови

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

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

Щоб встановити 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!".

Створити ключ API

Приклади

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

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

Налаштування та конфігурація

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