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