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