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