Лесна локализација за 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 клуч и потенцијално да го наполни вашиот проект за превод со неовластени низи.