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