TacoTranslate
/
DokumentacijaCijene
 
Članak
04. svi

Najbolje rješenje za internacionalizaciju (i18n) u React aplikacijama

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

Zašto odabrati TacoTranslate za React?

  • Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se lako integrira u vaš postojeći radni tok.
  • Automatsko prikupljanje nizova: Nema više ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja nizove iz vašeg kodnog baze.
  • Prijevodi pokretani AI-jem: Iskoristite snagu AI-ja za pružanje kontekstualno točnih prijevoda koji odgovaraju tonu vaše aplikacije.
  • Podrška za jezike odmah: 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 povezane API ključeve. Stvorite račun ovdje. Besplatno je i ne zahtijeva dodavanje kreditne kartice.

Unutar korisničkog sučelja aplikacije TacoTranslate, kreirajte projekt i navigirajte do njegove kartice API ključeva. Kreirajte jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okoline. read ključ nazivamo public, a read/write ključ secret. Na primjer, možete ih dodati u .env datoteku u korijenu vašeg projekta.

Također ćete trebati dodati još dvije varijable okoline: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod zadane lokalizacije. U ovom primjeru postavit ćemo ga na en za engleski jezik.
  • TACOTRANSLATE_ORIGIN: „mapa“ u kojoj će se pohranjivati vaši stringovi, poput URL-a vaše web stranice. Pročitajte više o izvorima 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-a

Inicijalizirajte TacoTranslate u svojoj React aplikaciji omotavanjem vaše aplikacije 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 Translate komponentu 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 snižava vaše troškove lokalizacije.
  • Poboljšana preciznost: Prijevodi pogonjeni AI-jem osiguravaju kontekstualno točne i visokokvalitetne rezultate.
  • Rastuće rješenje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započni danas!

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

Preporučujemo da imate zatvoreno i sigurno staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju, dodajući nove nizove prije nego što je pustite u rad. To će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno napuni vaš projekt prijevoda neželjenim nizovima.

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!

Proizvod tvrtke NattskiftetNapravljeno u Norveškoj