Jednostavna lokalizacija za React aplikacije

Želite li proširiti svoju React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija nevjerojatno jednostavnom, omogućujući vam da dosegnете globalnu publiku bez gnjavaže.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se bez problema 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 pogonjeni 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 dostupnom širom svijeta.

Kako to funkcionira

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, trebate kreirati TacoTranslate račun, projekt za prijevod i povezane API ključeve. Kreirajte račun ovdje. Besplatno je, i ne zahtijeva unos kreditne kartice.

Unutar korisničkog sučelja TacoTranslate aplikacije, kreirajte projekt i navigirajte do kartice s API ključevima. Kreirajte jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okoline. 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 morati dodati još dvije varijable okoline: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod jezika za povratak. U ovom primjeru, postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “Mapu” u kojoj će vaši stringovi biti pohranjeni, 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

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

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u vašoj React aplikaciji tako što ćete omotati 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 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: Automatizira zamoran proces lokalizacije i prikupljanja nizova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prijevodima, čime se smanjuju troškovi lokalizacije.
Poboljšana točnost: Prijevodi potpomognuti umjetnom inteligencijom osiguravaju kontekstualno točne i visokokvalitetne rezultate.
Rješavanje koje se može skalirati: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i broj korisnika rastu.

Započni danas!

Vaša će se React aplikacija automatski prevesti kada dodate bilo koje nizove u Translate komponentu. Imajte na umu da samo okruženja s read/write dopuštenjima za API ključ moći će stvarati nove nizove za prevođenje.

Preporučujemo da imate zatvoreno i zaštićeno okruženje za testiranje gdje možete testirati svoju produkcijsku aplikaciju, dodajući nove nizove prije nego što krenete uživo. Time ćete spriječiti da netko ukrade vaš tajni API ključ i potencijalno napuhne vaš projekt prijevoda 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!