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

.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 клуч и потенцијално да го оптовари вашиот проект за превод со несакани низи.