Najbolje rešenje za internacionalizaciju (i18n) u React aplikacijama

Da li želite da proširite svoju React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija neverovatno jednostavnom, omogućavajući vam da dostignete globalnu publiku bez muke.

Zašto izabrati TacoTranslate za React?

Besprekorno integrisanje: Dizajnirano posebno za React aplikacije, TacoTranslate se lako integriše u vaš postojeći radni tok.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prevođenje uz podršku AI: Iskoristite moć veštačke inteligencije za kontekstualno tačne prevode koji odgovaraju tonu vaše aplikacije.
Instant 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, projekat za prevođenje i povezane API ključeve. Kreirajte nalog ovde. Besplatno je, i ne zahteva unos kreditne kartice.

U okviru korisničkog interfejsa aplikacije TacoTranslate, kreirajte projekat i navigirajte do taba 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 promenjive okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Podrazumevani kod jezika koji se koristi kao rezervna opcija. U ovom primeru, postavićemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „Folder“ u kojem će vaši stringovi biti sačuvani, kao što je URL vaše veb stranice. Pročitajte više o originima ovde.

.env

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.

Podešavanje TacoTranslate

Inicijalizujte TacoTranslate u vašoj React aplikaciji tako što ćete obaviti vašu aplikaciju unutar TacoTranslate context providera:

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 u okviru 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 zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragoceno vreme.
Isplativo: Smanjuje potrebu za ručnim prevodima, smanjujući vaše troškove lokalizacije.
Poboljšana tačnost: Prevod uz podršku AI osigurava kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rešenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Počnite danas!

Vaša React aplikacija biće automatski prevedena čim dodate bilo koje nizove u Translate komponentu. Imajte na umu da će samo okruženja sa read/write dozvolama na API ključu moći da kreiraju nove nizove za prevod.

Preporučujemo da imate zatvoreno i bezbedno staging okruženje gde možete testirati vašu produkcijsku aplikaciju, dodajući nove nizove pre puštanja u rad. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ, kao i da potencijalno uveća vaš prevodilački projekat dodavanjem neželjenih nizova.

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!