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

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