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