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

Želite li 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 muke.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se besprijekorno uklapa u vaš postojeći radni tok.
Automatsko prikupljanje stringova: Više ne morate ručno upravljati JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi pokretani umjetnom inteligencijom: Iskoristite snagu umjetne inteligencije za kontekstualno tačne prijevode koji odgovaraju tonu vaše aplikacije.
Trenutna podrška za jezike: Dodajte podršku za nove jezike jednim klikom i učinite svoju aplikaciju globalno dostupnom.

Kako to radi

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, morat ćete kreirati TacoTranslate račun, projekt za prevođenje i pripadajuće API ključeve. Kreirajte račun ovdje. Besplatno je i ne zahtijeva da dodajete kreditnu karticu.

U korisničkom sučelju TacoTranslate aplikacije kreirajte projekat i idite na karticu za API ključeve. Kreirajte 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 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: “folder” u kojem će vaši stringovi biti pohranjeni, kao što je 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 tajni read/write API ključ nikada ne procuri u produkcijska okruženja na strani klijenta.

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u svojoj React aplikaciji tako što ćete aplikaciju obaviti TacoTranslate provajderom 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 da prikažete prevedeni tekst! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju prilagođene vašoj konfiguraciji.

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 i tako umanjuje troškove lokalizacije.
Poboljšana tačnost: Prijevodi podržani umjetnom inteligencijom osiguravaju kontekstualno precizne 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 će se automatski prevesti kada dodate bilo koje stringove u Translate komponentu. Imajte na umu da samo okruženja sa dopuštenjima read/write na API ključu moći će kreirati 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, dodajući nove stringove prije puštanja u produkciju. To će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno preopteretiti vaš projekt prevođenja dodavanjem neovlaštenih 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!