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

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