Початок роботи
Встановлення
Щоб встановити 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, який ви можете переглянути тут.