Најдобро решение за интернационализација (i18n) во 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 клучот ќе можат да создаваат нови текстови за превод.

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