TacoTranslate
/
DokumentacijaCene
 
Članak
04.мај

Jednostavna lokalizacija za React aplikacije

Da li želite da proširite svoju React aplikaciju na nova tržišta? TacoTranslate čini lokalizaciju vaših React aplikacija izuzetno jednostavnom, omogućavajući vam da dosegnute globalnu publiku bez ikakvih problema.

Zašto izabrati TacoTranslate za React?

  • Besprekorna integracija: Dizajnirano posebno za React aplikacije, TacoTranslate se neprimetno integriše u vaš postojeći radni tok.
  • Automatsko prikupljanje stringova: Više nema ručnog upravljanja JSON fajlovima. TacoTranslate automatski prikuplja stringove iz vašeg koda.
  • Prevod uz podršku veštačke inteligencije: Iskoristite moć AI-ja za pružanje kontekstualno tačnih prevoda 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 globalno.

Kako to funkcioniše

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

Kada instalirate modul, biće potrebno da napravite TacoTranslate nalog, prevodilački projekat i odgovarajuće API ključeve. Kreirajte nalog ovde. Besplatno je, i nije potrebno da unosite kreditnu karticu.

U okviru korisničkog interfejsa aplikacije TacoTranslate, kreirajte projekat i navigirajte do tab-a za API ključeve. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao promenljive okruženja. read ključ 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 rezervni kod lokaliteta. U ovom primeru, postavićemo ga na en za engleski.
  • TACOTRANSLATE_ORIGIN: „Fascikla“ u kojoj će vaši stringovi biti sačuvani, kao što je URL vaše web stranice. 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.

Podesavanje TacoTranslate

Inicijalizujte TacoTranslate u vašoj React aplikaciji tako što ćete obaviti umotavanje vaše aplikacije u TacoTranslate kontekst provajder:

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 Translate komponentu bilo gde unutar vaše aplikacije da prikažete prevedeni tekst! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju specifične za vašu postavku.

import {Translate} from 'tacotranslate/react';

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

Prednosti korišćenja TacoTranslate

  • Ušteda vremena: Automatizuje zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragoceno vreme.
  • Isplativo: Smanjuje potrebu za ručnim prevodima, čime se snižavaju vaši troškovi lokalizacije.
  • Poboljšana tačnost: Prevod zahvaljujući veštačkoj inteligenciji obezbeđuje kontekstualno tačne i visokokvalitetne rezultate.
  • Skalabilno rešenje: Lako 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 koje nizove u Translate komponentu. Imajte na umu da će samo okruženja sa read/write dozvolama na API ključu moći da kreiraju nove nizove za prevođenje.

Preporučujemo da imate zatvoreno i zaštićeno testno okruženje gde možete testirati vašu produkcijsku aplikaciju, dodajući nove nizove pre objavljivanja. Ovo će sprečiti bilo koga da ukrade vaš tajni API ključ i potencijalno napuni vaš prevodilački projekat neželjenim nizovima.

Obavezno pogledajte kompletne primere na našem GitHub profilu. Ako naiđete na bilo kakve probleme, slobodno kontaktirajte nas, i biće nam zadovoljstvo da pomognemo.

TacoTranslate vam omogućava da automatski lokalizujete vaše React aplikacije brzo na bilo koji jezik i sa bilo kog jezika. Prevodi besplatno!

Proizvod kompanije NattskiftetProizvedeno u Norveškoj