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 izuzetno jednostavnom, omogućujući vam da dosegniete globalnu publiku bez poteškoća.

Zašto odabrati TacoTranslate za React?

Besprijekorna integracija: Dizajniran posebno za React aplikacije, TacoTranslate se besprijekorno uklapa u vaš postojeći radni tijek.
Automatsko prikupljanje stringova: Nema više ručnog upravljanja JSON datotekama. TacoTranslate automatski prikuplja stringove iz vašeg koda.
Prijevodi pokretani umjetnom inteligencijom: Iskoristite snagu AI-ja za pružanje kontekstualno toč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 funkcionira

Instalirajte TacoTranslate paket putem npm-a:

npm install tacotranslate

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

Unutar korisničkog sučelja aplikacije TacoTranslate, kreirajte projekt i idite na njegov tab 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, mogli biste ih dodati u .env datoteku u korijenu vašeg projekta.

Također ćete morati dodati dvije dodatne varijable okoline: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod zadanog jezika za slučaj pada. U ovom primjeru postavit ćemo ga na en za engleski.
TACOTRANSLATE_ORIGIN: „mapa“ u kojoj će vaše fraze biti pohranjene, poput URL-a vaše web stranice. Ovdje pročitajte više o originima.

.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 proizvodnim okruženjima na strani klijenta.

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u svojoj React aplikaciji omotavanjem 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 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 stringova, štedeći vam dragocjeno vrijeme.
Isplativo: Smanjuje potrebu za ručnim prijevodima, smanjujući vaše troškove lokalizacije.
Poboljšana preciznost: Prijevodi pokretani AI-jem osiguravaju kontekstualno točne i visokokvalitetne rezultate.
Rješenje koje se može skalirati: 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 kakve stringove u Translate komponentu. Imajte na umu da samo okruženja s dopuštenjima read/write na API ključu mogu stvarati nove stringove za prijevod.

Preporučujemo imati zatvoreno i osigurano staging okruženje gdje možete testirati vašu produkcijsku aplikaciju, dodajući nove stringove prije nego što krenete uživo. To će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno napuhne vaš prijevodni projekt 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!