Початок роботи
Встановлення
To install TacoTranslate in your application, open your terminal and navigate to the root directory of your project. Then, run the following command to install with npm:
npm install tacotranslateThis assumes you already have an application set up. See examples for more information.
Основне використання
У наведеному нижче прикладі показано, як створити клієнта 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, який ви можете переглянути тут.