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

Da li želite da proširite svoju React aplikaciju na nova tržišta? TacoTranslate izuzetno olakšava lokalizaciju vaših React aplikacija, omogućavajući vam da bez poteškoća doprete do globalne publike.

Zašto izabrati TacoTranslate za React?

Besprekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se besprekorno integriše u vaš postojeći tok rada.
Automatsko prikupljanje stringova: Ne morate više ručno upravljati JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prevodi vođeni veštačkom inteligencijom: Iskoristite moć veštačke inteligencije za kontekstualno tačne prevode koji odgovaraju tonu vaše aplikacije.
Trenutna podrška za jezike: Dodajte podršku za nove jezike jednim klikom i učinite vašu aplikaciju dostupnom širom sveta.

Kako funkcioniše

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, biće potrebno da napravite TacoTranslate nalog, projekat za prevođenje i pripadajuće API ključeve. Napravite nalog ovde. Besplatno je, i ne zahteva da dodate kreditnu karticu.

U korisničkom interfejsu TacoTranslate aplikacije, kreirajte projekat i idite na karticu API ključeva. Napravite jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao promenljive okruženja. read ključ je ono što 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 da dodate još dve promenljive okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Podrazumevani kod rezervne (fallback) lokalizacije. U ovom primeru postavićemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “folder” u kojem će vaši stringovi biti sačuvani, na primer 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 svojoj React aplikaciji tako što ćete aplikaciju umotati u TacoTranslate provajder konteksta:

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 komponentu Translate bilo gde u okviru vaše aplikacije da prikažete prevedeni tekst! Obavezno pogledajte našu dokumentaciju za više informacija i za vodiče za implementaciju specifične za vašu konfiguraciju.

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 troškove lokalizacije.
Poboljšana tačnost: Prevodi zasnovani na veštačkoj inteligenciji obezbeđuju kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rešenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite već danas!

Vaša React aplikacija biće automatski prevedena kada dodate bilo koje stringove u Translate komponentu. Imajte na umu da će samo okruženja sa read/write dozvolama za API ključ moći da kreiraju 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 i dodavati nove stringove pre puštanja u rad. To će sprečiti bilo koga da ukrade vaš tajni API ključ i potencijalno preopteretiti vaš prevodilački projekat 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!