TacoTranslate
/
ДокументацијаЦени
 
Статија
04 мај

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

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

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

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

Како функционира

Инсталирајте го пакетот 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 context provider:

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

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!

Производ од NattskiftetНаправено во Норвешка