Лесна локализация за React приложения

Искате ли да разширите вашето React приложение към нови пазари? TacoTranslate прави локализацията на вашите React приложения изключително лесна, позволявайки ви да достигнете до глобална аудитория без затруднения.

Защо да изберете TacoTranslate за React?

Безпроблемна интеграция: Специално проектиран за React приложения, TacoTranslate се интегрира без усилие във вашия съществуващ работен процес.
Автоматично събиране на низове: Няма повече ръчно управление на JSON файлове. TacoTranslate автоматично събира низове от вашия код.
Преводи с помощта на изкуствен интелект: Възползвайте се от силата на ИИ, за да получите контекстуално точни преводи, които пасват на тона на вашето приложение.
Мгновена езикова поддръжка: Добавяйте поддръжка за нови езици с едно кликване, правейки вашето приложение достъпно глобално.

Как работи

Инсталирайте пакета TacoTranslate чрез npm:

npm install tacotranslate

След като инсталирате модула, ще трябва да създадете акаунт в TacoTranslate, проект за превод и съответните API ключове. Създайте акаунт тук. Това е безплатно и не изисква да въвеждате кредитна карта.

В интерфейса на приложението TacoTranslate създайте проект и отидете в раздела с API ключове. Създайте един read ключ и един read/write ключ. Ще ги запазим като променливи на средата. read ключът е това, което наричаме public, а read/write ключът е secret. Например, можете да ги добавите във файл .env в основната директория на вашия проект.

Ще трябва да добавите още две променливи на средата: TACOTRANSLATE_DEFAULT_LOCALE и TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Кодът на подразбирания език за резервен вариант. В този пример ще го зададем на en за английски.
TACOTRANSLATE_ORIGIN: „Папката“, където ще бъдат съхранявани вашите низове, например URL адресът на вашия уебсайт. Прочетете повече за origins тук.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Винаги внимавайте да не издадете секретния read/write API ключ към клиентската продукционна среда.

Настройване на TacoTranslate

Инициализирайте TacoTranslate във вашето React приложение, като обвиете приложението си в доставчика на контекста TacoTranslate:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

Сега можете да използвате компонента Translate навсякъде във вашето приложение, за да показвате преведен текст! Не забравяйте да разгледате нашата документация за повече информация и за ръководства за имплементация, специфични за вашата конфигурация.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Ползи от използването на TacoTranslate

Икономия на време: Автоматизира досадния процес на локализация и събиране на низове, спестявайки ви ценно време.
Икономично решение: Намалява нуждата от ръчни преводи, като понижава разходите за локализация.
Подобрена точност: Преводите с изкуствен интелект осигуряват контекстуално точни и висококачествени резултати.
Разширяемо решение: Лесно добавяне на поддръжка за нови езици с растежа на вашето приложение и клиентска база.

Започнете още днес!

Вашето React приложение ще бъде преведено автоматично, когато добавите низове към компонент Translate. Обърнете внимание, че само среди с read/write права върху API ключа ще могат да създават нови низове за превод.

Препоръчваме да имате затворена и защитена стейджинг среда, където да тествате продукционното си приложение, като добавяте нови низове преди да го пуснете на живо. Това ще предпази вашия таен API ключ от кражба и потенциално от добавяне на нежелани низове, които да натоварят проекта за превод.