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