Безнапорна локализација за 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: „папката“ каде што ќе се чуваат вашите текстови, на пример URL‑то на вашата веб‑страница. Прочитајте повеќе за origins тука.

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