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

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

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

Безпроблемна интеграция: Проектиран специално за React приложения, TacoTranslate се интегрира безпроблемно във вашия съществуващ работен процес.
Автоматично събиране на низове: Вече не е необходимо да управлявате JSON файлове ръчно. TacoTranslate автоматично събира низове от кодовата ви база.
Преводи, задвижвани от AI: Възползвайте се от силата на 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 адресът на вашия уебсайт. Прочетете повече за произходите тук.

.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 ключа ще могат да създават нови низове за превод.

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