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 muke doprete do globalne publike.

Zašto odabrati TacoTranslate za React?

Besprekorna integracija: Posebno dizajniran za React aplikacije, TacoTranslate se lako integriše 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.
Prevođenje uz podršku veštačke inteligencije: Iskoristite snagu veštačke inteligencije za kontekstualno tačne prevode 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 korisnicima širom sveta.

Kako to funkcioniše

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, moraćete da kreirate TacoTranslate nalog, projekat za prevođenje i odgovarajuće API ključeve. Kreirajte nalog ovde. Besplatno je i ne zahteva da dodate kreditnu karticu.

U korisničkom interfejsu aplikacije TacoTranslate, kreirajte projekat i pređite na karticu sa API ključevima. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao promenljive okruženja. read ključ je ono što nazivamo public a read/write ključ je secret. Na primer, možete ih dodati u .env fajl u korenu vašeg projekta.

Takođe ćete morati da dodate još dve promenljive okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Podrazumevani kod rezervne lokalizacije. U ovom primeru postavićemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: The “folder” where your strings will be stored, such as the URL of your website. Pročitajte više o originima ovde.

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

Podešavanje TacoTranslate

Inicijalizujte TacoTranslate u vašoj React aplikaciji tako što ćete vašu aplikaciju omotati TacoTranslate kontekst provajderom:

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 da koristite komponentu Translate bilo gde u vašoj aplikaciji da prikažete prevedeni tekst! Obavezno pogledajte našu dokumentaciju za više informacija i za vodiče za implementaciju prilagođene vašem okruženju.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Prednosti korišćenja TacoTranslate-a

Ušteda vremena: Automatski obavlja zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragoceno vreme.
Isplativo: Smanjuje potrebu za ručnim prevodima, čime se smanjuju troškovi lokalizacije.
Poboljšana tačnost: Prevodi zasnovani na veštačkoj inteligenciji obezbeđuju kontekstualno tačne i visokokvalitetne rezultate.
Skalabilno rešenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Počnite danas!

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

Preporučujemo da imate zatvoreno i obezbeđeno staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju, dodajući nove stringove pre puštanja u produkciju. To će sprečiti da bilo ko ukrade vaš tajni API ključ. Takođe će sprečiti da se obim vašeg prevodilačkog projekta nepotrebno uveća dodavanjem neželjenih 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!