Najboljša rešitev za internacionalizacijo (i18n) v React aplikacijah

Iščete način, kako razširiti svojo React aplikacijo na nove trge? TacoTranslate izjemno olajša lokalizacijo vaših React aplikacij in vam omogoča, da brez težav dosežete globalno občinstvo.

Zakaj izbrati TacoTranslate za React?

Brezhibna integracija: Zasnovano posebej za React aplikacije, TacoTranslate se brez težav vključi v vaš obstoječi delovni tok.
Samodejno zbiranje nizov: Ni več ročnega upravljanja JSON datotek. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi, podprti z umetno inteligenco: Izkoristite moč umetne inteligence za zagotavljanje kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
Takojšnja podpora za jezike: Dodajte podporo za nove jezike z enim samim klikom in naredite svojo aplikacijo dostopno po vsem svetu.

Kako deluje

Namestite paket TacoTranslate prek npm:

npm install tacotranslate

Ko imate modul nameščen, boste morali ustvariti račun pri TacoTranslate, prevajalski projekt in pripadajoče API ključe. Ustvarite račun tukaj. Je brezplačno in ne zahteva, da dodate kreditno kartico.

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in pojdite na zavihek API ključev. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot okoljske spremenljivke. Ključ read imenujemo public, ključ read/write pa je secret. Na primer, lahko jih dodate v datoteko .env v korenu vašega projekta.

Poleg tega boste morali dodati še dve spremenljivki okolja: TACOTRANSLATE_DEFAULT_LOCALE in TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Privzeta koda jezika, ki se uporabi kot rezervna. V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: “mapa”, kjer bodo shranjeni vaši nizi besedil, na primer URL vašega spletnega mesta. Preberite več o izvorih tukaj.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Poskrbite, da skrivnega read/write API ključa nikoli ne boste razkrili v produkcijskih okoljih na strani odjemalca.

Nastavitev TacoTranslate

V React aplikaciji inicializirajte TacoTranslate tako, da aplikacijo zavijete v TacoTranslate kontekstni ponudnik:

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>
	);
}

Zdaj lahko komponento Translate uporabite kjerkoli v vaši aplikaciji za prikaz prevedenega besedila! Obiščite našo dokumentacijo za več informacij in navodila za implementacijo, prilagojena vaši nastavitvi.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

Prihranek časa: Avtomatizira dolgočasen postopek lokalizacije in zbiranja nizov, s čimer prihranite dragoceni čas.
Stroškovno učinkovito: Zmanjšuje potrebo po ročnih prevodih in s tem znižuje stroške lokalizacije.
Izboljšana natančnost: Prevodi, podprti z umetno inteligenco, zagotavljajo kontekstno natančne in kakovostne rezultate.
Razširljiva rešitev: Enostavno dodajte podporo za nove jezike, ko vaša aplikacija in baza uporabnikov rastejo.

Začnite še danes!

Vaša React aplikacija bo samodejno prevedena, ko v komponento Translate dodate katere koli nize. Upoštevajte, da bodo samo okolja z dovoljenji read/write na API ključu lahko ustvarjala nove nize za prevajanje.

Priporočamo, da imate zaprto in zavarovano staging okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in pred objavo dodate nove nize. To bo preprečilo, da bi kdorkoli ukradel vaš skrivni API ključ in s tem morebiti napihnil vaš projekt prevajanja z dodajanjem nezaželenih nizov.

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!