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

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

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

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

Как работи

Инсталирайте пакета 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 ключ и потенциално да раздуе преводаческия ви проект чрез добавяне на злонамерени низове.