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

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

Zašto odabrati TacoTranslate za React?

Besprekorno uklapanje: Dizajniran posebno za React aplikacije, TacoTranslate se besprekorno uklapa u vaš postojeći tok rada.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prevodi koje pokreće veštačka inteligencija: Iskoristite snagu veštačke inteligencije da obezbedite kontekstualno tačne prevode koji 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, moraćete da kreirate TacoTranslate nalog, projekat za prevođenje i pripadajuće API ključeve. Kreirajte nalog ovde. Besplatno je i ne zahteva da dodate kreditnu karticu.

U korisničkom interfejsu aplikacije TacoTranslate kreirajte projekat i idite na karticu API ključeva. 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 da dodate još dve promenljive okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Podrazumevani kod rezervne lokalizacije. U ovom primeru, postavićemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „folder“ u kojem će biti smešteni vaši stringovi, 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

Pazite da nikada ne otkrijete tajni read/write API ključ u produkcijskim okruženjima na strani klijenta.

Podešavanje TacoTranslate-a

Inicijalizujte TacoTranslate u svojoj React aplikaciji tako što ćete aplikaciju obuhvatiti TacoTranslate kontekst provajderom:

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 vašoj aplikaciji za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija, kao i za 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-a

Ušteda vremena: Automatizuje zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragoceno vreme.
Isplativo: Smanjuje potrebu za ručnim prevodima i time umanjuje troškove lokalizacije.
Poboljšana tačnost: Prevodi pokretani veštačkom inteligencijom obezbeđuju 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 biće automatski prevedena kada dodate bilo koji string u Translate komponentu. Imajte na umu da samo okruženja sa dozvolama read/write na API ključu mogu da kreiraju nove stringove koji će biti prevedeni.

Preporučujemo da imate zatvoreno i zaštićeno staging okruženje u kojem možete testirati produkcijsku aplikaciju i dodavati nove stringove pre puštanja u rad. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ i potencijalno naduvati vaš prevodilački projekat dodavanjem neovlašćenih 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!