Jednostavna lokalizacija za React aplikacije

Da li želite da proširite svoju React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija neverovatno jednostavnom, omogućavajući vam da doprete do globalne publike bez ikakvih poteškoća.

Zašto izabrati TacoTranslate za React?

Neprimetna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se lako integriše u vaš postojeći radni tok.
Automatsko prikupljanje nizova: Više nema ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja nizove iz vašeg koda.
Prevod sa AI podrškom: Iskoristite moć veštačke inteligencije za kontekstualno tačne prevode koji odgovaraju tonu vaše aplikacije.
Instant podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju dostupnom globalno.

Kako to funkcioniše

Instalirajte TacoTranslate paket putem npm:

npm install tacotranslate

Kada instalirate modul, biće potrebno da kreirate TacoTranslate nalog, projekat za prevođenje i pripadajuće API ključeve. Kreirajte nalog ovde. Besplatno je, i ne zahteva unošenje kreditne kartice.

Unutar korisničkog interfejsa aplikacije TacoTranslate, kreirajte projekat i idite na karticu API ključeva. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao promenljive okruženja. read ključ nazivamo public (javni), a read/write ključ je secret (tajni). Na primer, možete ih dodati u .env fajl u korenu vašeg projekta.

Takođe ćete morati da dodate još dve promenljive okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Podrazumevani kod rezervne lokacije. U ovom primeru, postavićemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „Folder“ u kojem će biti sačuvani vaši stringovi, kao što je URL vaše veb stranice. Pročitajte više o originima ovde.

.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.

Podešavanje TacoTranslate

Inicijalizujte TacoTranslate u svojoj React aplikaciji tako što ćete svoju aplikaciju obaviti TacoTranslate context provider-om:

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 gde unutar vaše aplikacije za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija, kao 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šćenja TacoTranslate

Ušteda vremena: Automatski obavlja zamoran proces lokalizacije i prikupljanja stringova, štedeći vaše dragoceno vreme.
Isplativo: Smanjuje potrebu za ručnim prevodima, čime se smanjuju troškovi lokalizacije.
Poboljšana tačnost: Prevodima koje pokreće veštačka inteligencija se osiguravaju kontekstualno tačni i visokokvalitetni rezultati.
Skalabilno rešenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i korisnička baza rastu.

Započnite već danas!

Vaša React aplikacija biće 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 mogu kreirati nove stringove za prevođenje.

Preporučujemo da imate zatvoreno i zaštićeno staging okruženje gde možete testirati vašu produkcionu aplikaciju, dodajući nove stringove pre nego što je pustite u rad. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ, kao i potencijalno povećanje vašeg prevodilačkog projekta dodavanjem neovlašćenih stringova.

Obavezno pogledajte kompletne primere na našem GitHub profilu. Ako naiđete na bilo kakve probleme, slobodno kontaktirajte nas, i biće nam zadovoljstvo da pomognemo.

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