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