Најдобро решение за интернационализација (i18n) во React апликации

Дали сакате да ја проширите вашата React апликација на нови пазари? TacoTranslate го прави локализирањето на вашите React апликации неверојатно едноставно, овозможувајќи ви да допрете до глобална публика без мака.

Зошто да го изберете TacoTranslate за React?

Беспрекорна интеграција: Дизајниран специјално за React апликации, TacoTranslate се интегрира лесно во вашиот тековен работен процес.
Автоматско собирање на низи: Нема повеќе рачно управување со JSON датотеки. TacoTranslate автоматски ги собира низите од вашиот код.
Преводи поттикнати од вештачка интелигенција: Искористете ја моќта на вештачката интелигенција за да обезбедите контекстуално точни преводи кои одговараат на тоналитетот на вашата апликација.
Моментална поддршка за јазици: Додадете поддршка за нови јазици со само еден клик, со што вашата апликација ќе стане достапна глобално.

Как работи

Инсталирајте го пакетот TacoTranslate преку npm:

npm install tacotranslate

Откако ќе го инсталирате модулот, ќе треба да креирате TacoTranslate сметка, проект за превод и соодветни API клучеви. Креирајте сметка тука. Бесплатно е и не е потребно да додадете кредитна картичка.

Во корисничкиот интерфејс на апликацијата TacoTranslate, креирајте проект и преминете на табот со API клучеви. Креирајте еден read клуч и еден read/write клуч. Ќе ги зачуваме како променливи на средината (environment variables). 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 клуч, и потенцијално да го наполни вашиот преводен проект со несакани низи.