Lokalizacija bez napora za React aplikacije

Želite li da proširite svoju React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija izuzetno jednostavnom, omogućavajući vam da bez muke doprete do globalne publike.

Zašto odabrati TacoTranslate za React?

Besprekorna integracija: Dizajnirano posebno za React aplikacije, TacoTranslate se bez napora integriše u vaš postojeći tok rada.
Automatsko prikupljanje stringova: Više ne morate ručno upravljati JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prevođenje uz podršku AI: Iskoristite snagu AI da obezbedite kontekstualno tačne prevode koji odgovaraju tonu vaše aplikacije.
Trenutna podrška jezika: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju globalno dostupnom.

Kako funkcioniše

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, biće potrebno da napravite TacoTranslate nalog, projekat za prevođenje i pripadajuće API ključeve. Kreirajte nalog ovde. Besplatno je i ne zahteva unošenje podataka o kreditnoj kartici.

U korisničkom interfejsu (UI) aplikacije TacoTranslate kreirajte projekat i otvorite karticu za API ključeve. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao promenljive okruženja. read ključ je ono što zovemo public a read/write ključ je secret. 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 lokalizacije koji se koristi kao fallback. U ovom primeru postavićemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „folder“ u kojem će vaši stringovi biti sačuvani, na primer 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 vašoj React aplikaciji tako što ćete aplikaciju obuhvatiti 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 gde u vašoj aplikaciji da prikažete prevedeni tekst! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju koji su prilagođeni vašem okruženju.

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: Automatizuje zamoran proces lokalizacije i prikupljanja tekstova, štedeći vam dragoceno vreme.
Isplativo: Smanjuje potrebu za ručnim prevođenjem, čime se smanjuju troškovi lokalizacije.
Poboljšana tačnost: Prevodi koje pokreće veštačka inteligencija obezbeđuju kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rešenje: Lako dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite danas!

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

Preporučujemo da imate zatvoreno i zaštićeno staging okruženje gde možete testirati produkcijsku verziju aplikacije i dodavati nove stringove pre objave. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ i potencijalno dovesti do naduvavanja vašeg prevodilačkog projekta dodavanjem neautorizovanih 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!