Jednostavna lokalizacija za React aplikacije

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

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se besprijekorno uklapa u vaš postojeći tok rada.
Automatsko prikupljanje stringova: Više nije potrebno ručno upravljati JSON datotekama. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi temeljeni na umjetnoj inteligenciji: Iskoristite snagu umjetne inteligencije kako biste dobili kontekstualno tačne prijevode 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 radi

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, trebat ćete napraviti TacoTranslate nalog, projekat za prevođenje i pripadajuće API ključeve. Kreirajte nalog ovdje. Besplatno je i ne zahtijeva da unesete podatke o kreditnoj kartici.

U korisničkom sučelju aplikacije TacoTranslate kreirajte projekt i otvorite karticu API ključeva. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvat ćemo ih kao varijable okruženja. read ključ je ono što nazivamo public, a read/write ključ je 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: Podrazumijevani kod lokaliteta koji se koristi kao rezervni. U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “folder” u kojem će biti pohranjeni vaši stringovi, kao što je URL vaše web-stranice. Saznajte 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

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

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u svojoj React aplikaciji omotavanjem aplikacije u TacoTranslate provajder 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 Translate komponentu bilo gdje u svojoj aplikaciji za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija 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štenja TacoTranslate

Ušteda vremena: Automatizira zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prevodima i tako smanjuje troškove lokalizacije.
Poboljšana tačnost: AI-pokretani prijevodi osiguravaju kontekstualno tač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 komponentu Translate. Imajte na umu da će samo okruženja s dopuštenjima read/write za API ključ moći kreirati nove stringove za prevođenje.

Preporučujemo da imate zatvoreno i osigurano staging okruženje u kojem možete testirati produkcijsku aplikaciju, dodajući nove stringove prije puštanja u rad. To će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno opteretiti vaš prevodilački projekt 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!