Jednostavna lokalizacija za React aplikacije

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

Zašto odabrati TacoTranslate za React?

Besprekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se neprimetno uklapa u vaš postojeći radni tok.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prevod uz pomoć veštačke inteligencije: Iskoristite moć AI za pružanje kontekstualno tačnih prevoda koji odgovaraju tonu vaše aplikacije.
Instant podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju globalno dostupnom.

Kako funkcioniše

Instalirajte paket TacoTranslate putem npm:

npm install tacotranslate

Kada instalirate modul, potrebno je da napravite TacoTranslate nalog, projekat za prevod i pripadajuće API ključeve. Napravite nalog ovde. Besplatno je i nije potrebno da unosite kreditnu karticu.

U korisničkom interfejsu aplikacije TacoTranslate, kreirajte projekat i idite na karticu sa API ključevima. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao promenljive okruženja. read ključ nazivamo public dok je read/write ključ 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 rezervnog jezika. 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

Obavezno nikada ne otkrivajte tajni read/write API ključ u produkcionim okruženjima na strani klijenta.

Podesavanje TacoTranslate

Inicijalizujte TacoTranslate u vašoj React aplikaciji tako što ćete obaviti vašu aplikaciju u TacoTranslate context provider:

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 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šćenja TacoTranslate

Ušteda vremena: Automatski obavlja naporan proces lokalizacije i prikupljanja nizova, štedeći vam dragoceno vreme.
Isplativo: Smanjuje potrebu za ručnim prevodima, čime se smanjuju troškovi lokalizacije.
Poboljšana tačnost: Prevod uz podršku veštačke inteligencije obezbeđuje kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rešenje: Jednostavno dodajte podršku za nove jezike kako vaš aplikaicja i baza korisnika rastu.

Započnite 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 prevod.

Preporučujemo da imate zatvoreno i zaštićeno staging okruženje gde možete testirati vašu produkcijsku aplikaciju, dodajući nove stringove pre nego što pustite aplikaciju u rad. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ i potencijalno naduva vaš projekat prevoda dodavanjem neovlašćenih 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!