Najbolje rješ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ćujući vam da bez poteškoća dosegnете globalnu publiku.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se bez poteškoća uklapa u vaš postojeći radni tijek.
Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi pokretani umjetnom inteligencijom: Iskoristite snagu umjetne inteligencije za kontekstualno točne prijevode koji odgovaraju tonu vaše aplikacije.
Trenutačna podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čime vaša aplikacija postaje dostupna globalnoj publici.

Kako to radi

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, trebat ćete stvoriti TacoTranslate račun, projekt prevođenja i pripadajuće API ključeve. Stvorite račun ovdje. Besplatno je i ne zahtijeva dodavanje podataka o kreditnoj kartici.

U korisničkom sučelju aplikacije TacoTranslate kreirajte projekt i idite na karticu API ključeva. Kreirajte jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okruženja. Ključ read naziva se public, a ključ read/write naziva se secret. Na primjer, možete ih dodati u .env datoteku u korijenu vašeg projekta.

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

TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod rezervne lokalizacije. U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “mapa” u kojoj će se pohranjivati vaši tekstovi, primjerice URL vaše web-stranice. Pročitajte više o originima ovdje.

.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 klijentskoj strani.

Postavljanje TacoTranslatea

Inicijalizirajte TacoTranslate u svojoj React aplikaciji tako što ćete aplikaciju umotati u TacoTranslate kontekstni 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 komponentu Translate bilo gdje u vašoj aplikaciji za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija i za vodiče za implementaciju prilagođene vašoj postavci.

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 zamoran proces lokalizacije i prikupljanja tekstova za prijevod, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prevođenjem, čime se smanjuju vaši troškovi lokalizacije.
Poboljšana točnost: Prijevodi potpomognuti umjetnom inteligencijom osiguravaju kontekstualno točne i visokokvalitetne rezultate.
Skalabilno rješenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite danas!

Vaša React aplikacija bit će automatski prevedena kada dodate bilo koji tekst u komponentu Translate. Imajte na umu da samo okruženja s dopuštenjima read/write na API ključu moći će stvarati nove tekstove za prevođenje.

Preporučujemo da imate zatvoreno i zaštićeno staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju, dodajući nove tekstove prije objave. To će spriječiti da netko ukrade vaš tajni API ključ i time potencijalno preoptereti vaš projekt prijevoda dodavanjem neovlaštenih tekstova.

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!