Лесна локализација за 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-то на вашата веб-страница. Прочитајте повеќе за origins тука.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
Бидете сигурни никогаш да не ја откривате тајната read/write
API клучот во клиентскaта продукциска средина.
Подесување на 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 клуч и потенцијално да го оптовари вашиот преводен проект со непотребни текстови.
Бидете сигурни да ги погледнете целосните примери на нашиот GitHub профил. Ако наидете на било какви проблеми, слободно контактирајте не, и ќе ни биде драго да помогнеме.
TacoTranslate ви овозможува автоматско локализирање на вашите React апликации брзо на и од секој јазик. Преведувајте бесплатно!