Jednostavna lokalizacija za React aplikacije

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

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajnirano posebno za React aplikacije, TacoTranslate se besprijekorno uklapa u vaš postojeći tok rada.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi podržani umjetnom inteligencijom: Iskoristite snagu AI-ja 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 globalno dostupnom.

Kako to radi

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, morat ćete kreirati TacoTranslate račun, projekt za prevođenje i pripadajuće API ključeve. Kreirajte račun ovdje. Besplatno je i ne zahtijeva dodavanje kreditne kartice.

U korisničkom sučelju TacoTranslate aplikacije kreirajte projekt i idite na karticu API ključeva. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao varijable okruženja. read ključ je ono što zovemo 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 lokalizacije koji se koristi kao rezervni. U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: “folder” u kojem će biti pohranjeni vaši stringovi, kao što je URL 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 nikada ne otkrijete tajni read/write API ključ u produkcijskim okruženjima na strani klijenta.

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u vašoj React aplikaciji tako što ćete aplikaciju omotati u TacoTranslate provajder 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 aplikaciji kako biste prikazali prevedeni tekst! Obavezno pogledajte našu dokumentaciju za više informacija i upute 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: Automatizuje zamoran proces lokalizacije i prikupljanja tekstova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prevođenjem, čime se smanjuju vaši troškovi lokalizacije.
Poboljšana tačnost: Prevodi pogonjeni umjetnom inteligencijom 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 će se automatski prevesti kada dodate bilo koji string u Translate komponentu. Imajte na umu da će samo okruženja koja imaju read/write dozvole na API ključu moći kreirati nove stringove za prevođenje.

Preporučujemo da imate zatvoreno i osigurano staging okruženje u kojem možete testirati proizvodnu aplikaciju i dodavati nove stringove prije objave. To će spriječiti krađu vašeg tajnog API ključa i potencijalno spriječiti naduvavanje vašeg projekta prevođenja dodavanjem neautoriziranih 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!