Beznaporan proces lokalizacije za React aplikacije

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

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se lako integriše u vaš postojeći tok rada.
Automatsko prikupljanje tekstova: Nema više ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja tekstove iz vašeg koda.
Prevod vođen AI tehnologijom: Iskoristite moć umjetne inteligencije za pružanje kontekstualno tačnih prevoda koji odgovaraju tonu vaše aplikacije.
Trenutna podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čime vašu aplikaciju činite dostupnom globalno.

Kako to funkcioniše

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, potrebno je da kreirate TacoTranslate nalog, projekat za prevođenje, i pripadajuće API ključeve. Kreirajte nalog ovdje. Besplatno je, i ne zahtijeva da dodate kreditnu karticu.

U korisničkom sučelju aplikacije TacoTranslate, kreirajte projekat i otvorite karticu za API ključeve. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvat ćemo ih kao varijable okruženja. 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 varijable okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Zadani rezervni kod lokaliteta. U ovom primjeru, postavić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 nikada ne otkrijete tajni read/write API ključ u produkcijskim okruženjima na strani klijenta.

Podešavanje TacoTranslatea

Inicijalizirajte TacoTranslate u vašoj React aplikaciji tako što ćete omotati vašu aplikaciju unutar TacoTranslate context providera:

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 unutar vaše aplikacije za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija, kao 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 prijevodima, smanjujući vaše troškove lokalizacije.
Poboljšana tačnost: Prijevodi pokretani AI-jem osiguravaju kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rješenje: Lako dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite danas!

Vaša React aplikacija će se automatski prevoditi kada dodate bilo koji tekst unutar Translate komponente. Imajte na umu da samo okruženja sa read/write dozvolama na API ključu mogu kreirati nove tekstove za prevođenje.

Preporučujemo da imate zatvoreno i sigurno staging okruženje gdje možete testirati vašu produkcijsku aplikaciju, dodajući nove tekstove prije nego što postane javna. Ovo će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno preoptereti vaš prevodilački projekat dodavanjem neautorizovanih tekstova.

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 da vam pomognemo.

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