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

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

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se bez napora integriše u vaš postojeći tijek rada.
Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vaše baze koda.
Prevodilačke usluge podržane AI-jem: Iskoristite moć AI-ja za pružanje kontekstualno tačnih prevoda koji odgovaraju tonu vaše aplikacije.
Trenutna podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju globalno dostupnom.

Kako to funkcioniše

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, trebate kreirati TacoTranslate račun, prevodilački projekat i pridružene API ključeve. Kreirajte račun ovdje. Besplatno je, i ne zahtijeva da dodate kreditnu karticu.

U okviru TacoTranslate korisničkog sučelja, kreirajte projekat i navigirajte do kartice API ključeva. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvat ćemo ih kao varijable okruženja. read ključ nazivamo public, a read/write ključ je secret. Na primjer, možete ih dodati u .env fajl u korijenu vašeg projekta.

Također ćete trebati dodati još dvije varijable okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod jezika za rezervnu opciju. U ovom primjeru, postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “Mapa” u kojoj će biti pohranjeni vaši stringovi, poput URL-a vaše web stranice. Pročitajte više o porijeklu ovdje.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Budite sigurni da nikada ne otkrivate tajni read/write API ključ u produkcionim okruženjima na strani klijenta.

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u vašoj React aplikaciji omotavajući 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 gdje 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štenja TacoTranslate

Ušteda vremena: Automatizira dosadan proces lokalizacije i prikupljanja stringova, štedeći vaše dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prevodima, čime se smanjuju vaši troškovi lokalizacije.
Poboljšana tačnost: Prevod AI tehnologijom osigurava kontekstualno tačne i visokokvalitetne rezultate.
Rješenje koje se može skalirati: Lako dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite danas!

Vaša React aplikacija će se automatski prevesti kada dodate bilo koje 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 sigurno testno okruženje gdje možete testirati vašu produkcijsku aplikaciju, dodajući nove stringove prije nego što krenete uživo. Ovo će spriječiti da neko ukrade vaš tajni API ključ i potencijalno preoptereti vaš projekat prevođenja dodavanjem neželjenih stringova.

Obavezno pogledajte kompletne primjere na našem GitHub profilu. Ako naiđete na bilo kakve probleme, slobodno nam se obratite, i biće nam zadovoljstvo da pomognemo.

TacoTranslate vam omogućava da automatski lokalizujete vaše React aplikacije brzo na bilo koji i sa bilo kojeg jezika. Prevedite besplatno!