Лесна локализација за 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‑адресата на вашата веб-страница. Прочитајте повеќе за 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-ключот ќе можат да создаваат нови стрингови за превод.

Препорачуваме да имате затворена и заштитена предпроизводна (staging) средина каде што можете да ја тестирате вашата продукциска апликација и да додавате нови стрингови пред да ја пуштите во живо. Ова ќе спречи било кој било кој да го украде вашиот таен API клуч, и потенцијално да го наполни вашиот проект за превод со несакани стрингови.