Лесна локализация за 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: Кодът на локала, използван по подразбиране като резервен (fallback). В този пример ще го зададем на en за английски.
TACOTRANSLATE_ORIGIN: "Папката", в която ще се съхраняват низовете ви, например URL адресът на вашия уебсайт. Прочетете повече за произходите тук.

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