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

Ali želite razširiti svojo React aplikacijo na nove trge? TacoTranslate izjemno olajša lokalizacijo vaših React aplikacij, kar vam omogoča doseganje globalnega občinstva brez zapletov.

Zakaj izbrati TacoTranslate za React?

Nemotena integracija: TacoTranslate, posebej zasnovan za React aplikacije, se brez težav vključi v vaš obstoječi delovni proces.
Samodejno zbiranje nizov: Nič več ročnega upravljanja JSON datotek. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi, ki jih poganja AI: Izkoristite moč umetne inteligence za zagotavljanje kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
Čimprejšnja podpora jezikom: Dodajte podporo za nove jezike z le enim klikom, zaradi česar bo vaša aplikacija dostopna po celem svetu.

Kako deluje

Namestite paket TacoTranslate preko npm:

npm install tacotranslate

Ko imate modul nameščen, boste morali ustvariti račun TacoTranslate, prevajalski projekt in pripadajoče API ključe. Ustvarite račun tukaj. Je brezplačno in ne zahteva dodajanja kreditne kartice.

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. read ključ imenujemo public, medtem ko je read/write ključ secret. Na primer, lahko jih dodate v datoteko .env v korenski mapi vašega projekta.

Potrebno je tudi dodati še dve okoljski spremenljivki: TACOTRANSLATE_DEFAULT_LOCALE in TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Privzeta koda jezika za rezervno možnost. V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: »Mapa«, kjer bodo shranjene vaše nizi, 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 skrivni ključ API read/write nikoli ne bo uhajal v produkcijska okolja na strani odjemalca.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v svoji React aplikaciji tako, da svojo aplikacijo ovijete v TacoTranslate kontekstnega ponudnika:

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 kjerkoli v vaši aplikaciji uporabite komponento Translate za prikaz prevedenega besedila! Ne pozabite preveriti našo dokumentacijo za več informacij in vodnike za implementacijo, prilagojene vašemu sistemu.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

Prihranek časa: Avtomatizira zamuden proces lokalizacije in zbiranja nizov, pri čemer vam prihrani dragoceni čas.
Učinkovito glede stroškov: Zmanjšuje potrebo po ročnih prevodih, kar znižuje vaše stroške lokalizacije.
Izboljšana natančnost: Prevedbe, podprte z AI, zagotavljajo kontekstualno natančne in kakovostne rezultate.
Rastljiva rešitev: Enostavno dodajte podporo za nove jezike, ko vaša aplikacija in baza strank raste.

Začni danes!

Vaša React aplikacija bo samodejno prevedena, ko boste dodali katerikoli niz v komponento Translate. Upoštevajte, da bodo lahko nove nize za prevajanje ustvarjala le okolja z dovoljenji read/write na API ključu.

Priporočamo, da imate zaprto in varno razvojno okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in dodate nove nize pred zagonom v živo. To bo preprečilo komurkoli krajo vašega skrivnega API ključa in morebitno napihovanje vašega prevajalskega projekta z neželenimi nizi.

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!