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

Želite li proširiti svoju React aplikaciju na nova tržišta? TacoTranslate iznimno 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: Dizajnirano posebno za React aplikacije, TacoTranslate se besprijekorno integrira u vaš postojeći tijek rada.
Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi pokretani AI-jem: Iskoristite snagu AI-ja za kontekstualno točne prijevode koji odgovaraju tonu vaše aplikacije.
Trenutačna podrška jezicima: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju globalno dostupnom.

Kako to radi

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kad instalirate modul, morat ćete napraviti TacoTranslate račun, projekt za prijevod i pripadajuće API ključeve. Stvorite račun ovdje. Besplatno je i nije potrebno dodavati kreditnu karticu.

U korisničkom sučelju aplikacije TacoTranslate kreirajte projekt i otvorite karticu s API ključevima. Stvorite jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okruženja. Ključ read nazivamo public, a ključ read/write nazivamo secret. Na primjer, možete ih dodati u .env datoteku 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 koji se koristi kao rezervni (fallback). U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “mapa” u kojoj će se pohranjivati vaši stringovi, npr. URL vaše web-stranice. Više o originima pročitajte ovdje.

.env

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

Pobrinite se da tajni read/write API ključ nikada ne procuri u produkcijska okruženja na strani klijenta.

Postavljanje TacoTranslatea

Inicijalizirajte TacoTranslate u svojoj React aplikaciji omotavanjem aplikacije u TacoTranslate provider 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 gdje u svojoj aplikaciji za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija i upute za implementaciju koje su 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štenja TacoTranslate

Ušteda vremena: Automatizira zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prijevodima, čime snižava troškove lokalizacije.
Poboljšana točnost: Prijevodi pokretani 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 koje stringove u Translate komponentu. Imajte na umu da će samo okruženja s dopuštenjima read/write na API ključu moći stvarati nove stringove za prevođenje.

Preporučujemo zatvoreno i osigurano staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju i dodavati nove stringove prije puštanja u rad. To će spriječiti da netko ukrade vaš tajni API ključ i potencijalno preoptereti vaš projekt prevođenja dodavanjem neželjenih 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!