Jednostavna lokalizacija React aplikacija

Želite li proširiti svoju React aplikaciju na nova tržišta? TacoTranslate izuzetno olakšava lokalizaciju vaših React aplikacija i omogućuje vam da bez poteškoća dosegnete globalnu publiku.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Posebno dizajniran za React aplikacije, TacoTranslate se besprijekorno uklapa u vaš postojeći tijek rada.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi potpomognuti AI-jem: Iskoristite snagu umjetne inteligencije za kontekstualno točne prijevode koji odgovaraju tonu vaše aplikacije.
Trenutačna podrška za jezike: Dodajte podršku za nove jezike jednim klikom, čineći vašu aplikaciju globalno dostupnom.

Kako to funkcionira

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, trebat ćete stvoriti TacoTranslate račun, projekt prijevoda i pripadajuće API ključeve. Stvorite račun ovdje. Besplatno je i ne zahtijeva unošenje broja kreditne kartice.

U korisničkom sučelju aplikacije TacoTranslate stvorite projekt i idite na karticu API ključeva. Stvorite jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okruženja. read ključ je ono što 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 morati dodati još dvije varijable okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod jezika koji se koristi kao rezervna vrijednost. U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „mapa“ u kojoj će se pohraniti vaši tekstovi, 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

Pobrinite se da nikada ne otkrijete tajni read/write API ključ u produkcijskim okruženjima na strani klijenta.

Postavljanje TacoTranslatea

Inicijalizirajte TacoTranslate u svojoj React aplikaciji tako što ćete aplikaciju umotati 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 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š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: Automatizira zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prijevodima, smanjujući troškove lokalizacije.
Poboljšana točnost: Prijevodi koje pokreće umjetna inteligencija osiguravaju kontekstualno toč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 će se automatski prevesti kada dodate bilo koji niz u Translate komponentu. Imajte na umu da samo okruženja s dopuštenjima read/write na API ključu moći će stvarati nove nizove za prijevod.

Preporučujemo da imate zatvoreno i sigurno staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju i dodavati nove nizove prije objave. Time sprječavate krađu vašeg tajnog API ključa i potencijalno preopterećenje vašeg projekta prijevoda dodavanjem zlonamjernih 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!