Лесна локализација за 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: „папка“ каде ќе се чуваат вашите низи (strings), на пример URL-то на вашата веб-страница. Дознајте повеќе за origin-ите тука.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Внимавајте никогаш да не го процурите тајниот API клуч read/write во клиентските продукциски средини.

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