Laka 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 dosegnite globalnu publiku bez problema.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se lako integrira u vaš postojeći radni tok.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vaše baze koda.
Prijevodi podržani umjetnom inteligencijom: Iskoristite snagu AI-a 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 dostupnom širom svijeta.

Kako to funkcioniše

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, moraćete da kreirate TacoTranslate nalog, projekat za prevod, i povezane API ključeve. Kreirajte nalog ovdje. Besplatno je, i ne zahtijeva unos kreditne kartice.

U korisničkom sučelju 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 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 kod rezervnog jezika. U ovom primjeru, postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „folder“ u kojem će vaše nizove biti pohranjene, poput URL-a vaše web stranice. Pročitajte više o porijeklima ovdje.

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

Postavljanje TacoTranslate

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 i vodiče za implementaciju specifične za vašu konfiguraciju.

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 stringova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prevodima, čime se smanjuju troškovi lokalizacije.
Poboljšana tačnost: Prevod AI tehnologijom osigurava kontekstualno tačne i visokokvalitetne rezultate.
Rješenje koje se može proširivati: Jednostavno 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 koje nizove u Translate komponentu. Imajte na umu da samo okruženja sa read/write dozvolama na API ključu će moći kreirati nove nizove za prevod.

Preporučujemo da imate zatvoreno i sigurno staging okruženje gdje možete testirati vašu produkcionu aplikaciju, dodajući nove nizove prije nego što krenete uživo. Ovo će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno napuši vaš projekat prevođenja dodavanjem neovlaštenih nizova.

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!