Jednostavna lokalizacija za React aplikacije

Želite li proširiti svoju React aplikaciju na nova tržišta? TacoTranslate izuzetno olakšava lokalizaciju vaših React aplikacija, omogućavajući vam da bez poteškoća doprete do globalne publike.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se besprijekorno integrira u vaš postojeći tok rada.
Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vaše baze koda.
Prijevodi pokretani AI-jem: Iskoristite snagu umjetne inteligencije za kontekstualno tačne prijevode koji odgovaraju tonu vaše aplikacije.
Trenutna podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju globalno dostupnom.

Kako to radi

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kad instalirate modul, moraćete kreirati TacoTranslate račun, projekat za prevođenje i pripadajuće API ključeve. Kreirajte račun ovdje. Besplatno je i ne zahtijeva da dodate kreditnu karticu.

U korisničkom sučelju aplikacije TacoTranslate kreirajte projekt i otvorite karticu s API ključevima. Kreirajte jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okruženja. read ključ nazivamo public, a read/write ključ nazivamo secret. Na primjer, možete ih dodati u .env datoteku u korijenu vašeg projekta.

Također ćete morati dodati još dvije varijable okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod rezervne lokalizacije. U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “mapa” u kojoj će biti pohranjeni vaši stringovi, poput URL-a 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 tajni read/write API ključ nikada ne procuri u produkcijska klijentska okruženja.

Postavljanje TacoTranslate-a

Inicijalizirajte TacoTranslate u svojoj React aplikaciji tako što ćete aplikaciju omotati u TacoTranslate provider 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 gdje u svojoj aplikaciji za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju specifične za vaše okruženje.

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 prevodima i tako smanjuje troškove lokalizacije.
Poboljšana tačnost: AI-pokretani prijevodi osiguravaju kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rješenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite danas!

Vaša React aplikacija bit će automatski prevedena kada dodate bilo koji tekst u komponentu Translate. Imajte na umu da samo okruženja koja imaju read/write dozvole za API ključ moći će kreirati nove stringove za prevođenje.

Preporučujemo da imate zatvoreno i zaštićeno staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju, dodajući nove stringove prije puštanja u produkciju. Ovo će spriječiti da neko ukrade vaš tajni API ključ i spriječiti potencijalno napuhavanje vašeg prevodilačkog projekta dodavanjem neovlaštenih 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!