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