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

Želite svojo React aplikacijo razširiti na nove trge? TacoTranslate izjemno olajša lokalizacijo vaših React aplikacij, tako da brez težav dosežete globalno občinstvo.

Zakaj izbrati TacoTranslate za React?

Brezhibna integracija: Zasnovan posebej za React aplikacije, se TacoTranslate brez težav vključi v vaš obstoječi potek dela.
Samodejno zbiranje besedilnih nizov: Ne boste več ročno upravljali datotek JSON. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi, podprti z AI: Izkoristite moč umetne inteligence za zagotavljanje kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
Takojšnja podpora jezikom: Z enim klikom dodajte podporo novim jezikom 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 TacoTranslate, prevajalski projekt in pripadajoče API ključe. Ustvarite račun tukaj. Je brezplačno in ne zahteva vnosa kreditne kartice.

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in se pomaknite na zavihek API ključev. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot okoljske spremenljivke. Ključ read imenujemo public in ključ read/write 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 (fallback). V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: »mapa«, v kateri bodo shranjeni vaši besedilni nizi, na primer URL vaše spletne strani. 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 API ključa read/write nikoli ne razkrijete v produkcijskih okoljih na strani odjemalca.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v svoji React aplikaciji tako, da aplikacijo zavijete v kontekstni ponudnik TacoTranslate:

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 svoji aplikaciji za prikaz prevedenega besedila! Ne pozabite preveriti naše dokumentacije za več informacij in vodnike za implementacijo, prilagojene 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.
Cenovno učinkovit: Zmanjša potrebo po ročnih prevodih, kar znižuje vaše stroške lokalizacije.
Izboljšana natančnost: Prevodi, podprti z AI, zagotavljajo kontekstualno natančne in visokokakovostne rezultate.
Razširljiva rešitev: Enostavno dodajte podporo za nove jezike, ko vaša aplikacija in baza uporabnikov rastejo.

Začnite danes!

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

Priporočamo, da imate zaprto in zavarovano staging okolje, v katerem lahko testirate svojo produkcijsko aplikacijo in pred objavo dodajate nove nize. To bo preprečilo, da bi kdorkoli kdorkoli ukradel vaš skrivni API ključ in s tem potencialno napihnil vaš prevajalski projekt 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!