Jednostavna lokalizacija za React aplikacije

Da li želite proširiti vašu React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija izuzetno jednostavnom, omogućavajući vam da dosegnete globalnu publiku bez ikakvih poteškoća.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se bez napora uklapa u vaš postojeći radni tok.
Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vaše baze koda.
Prijevodi podržani AI-jem: Iskoristite snagu AI-ja za pružanje kontekstualno tačnih prijevoda 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, trebat ćete kreirati TacoTranslate nalog, projekat za prevođenje i pripadajuće API ključeve. Kreirajte nalog ovdje. Besplatno je i ne zahtijeva unos kreditne kartice.

Unutar korisničkog sučelja aplikacije TacoTranslate, kreirajte projekat i navigirajte do kartice za API ključeve. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvat ćemo ih kao varijable okoline. read ključ 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 environment varijable: 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“ gdje će vaši stringovi biti pohranjeni, poput URL-a 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 produkcionim okruženjima na strani klijenta.

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u svojoj React aplikaciji tako što ćete obaviti aplikaciju unutar TacoTranslate kontekst provajdera:

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: Automatizuje zamoran proces lokalizacije i prikupljanja nizova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prevodima, smanjujući vaše troškove lokalizacije.
Poboljšana tačnost: Prevod koji pokreće AI osigurava kontekstualno tačne i visokokvalitetne rezultate.
Rješenje koje se može skalirati: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite već danas!

Vaša React aplikacija će biti automatski prevedena kada dodate bilo koje stringove u Translate komponentu. Imajte na umu da samo okruženja sa read/write dozvolama na API ključu će moći kreirati nove stringove za prevođenje.

Preporučujemo da imate zatvoreno i sigurno staging okruženje gdje možete testirati vašu produkcijsku aplikaciju, dodajući nove stringove prije puštanja u rad. Ovo će spriječiti bilo koga da ukrade vaš tajni API ključ, te potencijalno napuni 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 pomoći vam.

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