Najbolje rešenje za internacionalizaciju (i18n) u React aplikacijama
Da li želite da proširite vašu React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija izuzetno jednostavnom, omogućavajući vam da bez muke dostignete globalnu publiku.
Zašto izabrati TacoTranslate za React?
- Besprekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se lako integriše u vaš postojeći radni tok.
- Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
- Prevod uz podršku veštačke inteligencije: Iskoristite moć AI za prevode koji su kontekstualno tačni i odgovaraju tonu vaše aplikacije.
- Trenutna podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju dostupnom globalno.
Kako to funkcioniše
Instalirajte TacoTranslate paket putem npm-a:
npm install tacotranslate
Kada instalirate modul, biće potrebno da kreirate TacoTranslate nalog, prevodilački projekat i prateće API ključeve. Kreirajte nalog ovde. Besplatno je i ne zahteva unos kreditne kartice.
U okviru TacoTranslate korisničkog interfejsa, kreirajte projekat i otvorite karticu sa API ključevima. Kreirajte jedan read
ključ i jedan read/write
ključ. Sačuvaćemo ih kao promenljive okruženja. read
ključ nazivamo public
a read/write
ključ je secret
. Na primer, možete ih dodati u .env
fajl u korenu vašeg projekta.
Takođe ćete morati dodati još dve promenljive okruženja: TACOTRANSLATE_DEFAULT_LOCALE
i TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: Podrazumevani kod jezika za rezervu. U ovom primeru, postavićemo ga naen
za engleski.TACOTRANSLATE_ORIGIN
: „Folder“ gde će vaše stringove biti uskladištene, kao što je URL vaše veb stranice. Pročitajte više o originima ovde.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
Obavezno nikada ne otkrivajte tajni read/write
API ključ u produkcionim okruženjima na strani klijenta.
Podesavanje TacoTranslate
Inicijalizujte TacoTranslate u vašoj React aplikaciji tako što ćete uokviriti vašu aplikaciju u 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>
);
}
Sada možete koristiti Translate
komponentu bilo gde unutar vaše aplikacije za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju specifične za vašu postavku.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}
Prednosti korišćenja TacoTranslate
- Ušteda vremena: Automatizuje dosadan proces lokalizacije i prikupljanja stringova, štedeći vam dragoceno vreme.
- Isplativo: Smanjuje potrebu za manuelnim prevodima, čime se smanjuju vaši troškovi lokalizacije.
- Poboljšana tačnost: Prevod AI tehnologijom obezbeđuje kontekstualno tačne i visokokvalitetne rezultate.
- Skalabilno rešenje: Lako dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.
Započnite danas!
Vaša React aplikacija će biti automatski prevedena kada dodate bilo kakve stringove u Translate
komponentu. Imajte na umu da samo okruženja sa read/write
dozvolama na API ključu mogu kreirati nove stringove za prevođenje.
Preporučujemo da imate zatvoreno i zaštićeno staging okruženje u kojem možete testirati vašu produkcijsku aplikaciju, dodajući nove stringove pre nego što pokrenete aplikaciju uživo. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ i potencijalno napuši vaš projekat prevođenja dodavanjem neautorizovanih stringova.
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!