Лесна локализация за 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 адресът на вашия уебсайт. Прочетете повече за origin тук.

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