Enostavna lokalizacija za React aplikacije

Želite razširiti svojo React aplikacijo na nove trge? TacoTranslate zelo 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: Namenjeno posebej za React aplikacije, TacoTranslate se brez težav vključi v vaš obstoječi potek dela.
Samodejno zbiranje nizov: Ni več ročnega upravljanja datotek JSON. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi, ki jih poganja umetna inteligenca: Izkoristite moč umetne inteligence za zagotavljanje prevodov, ki so kontekstualno natančni in se ujemajo s tonom vaše aplikacije.
Takojšnja podpora jezikov: Z enim samim klikom dodajte podporo novim jezikom in naredite svojo aplikacijo globalno dostopno.

Kako deluje

Namestite paket TacoTranslate prek npm:

npm install tacotranslate

Ko imate nameščen modul, boste morali ustvariti račun TacoTranslate, prevajalski projekt in ustrezne API ključe. Ustvarite račun tukaj. Brezplačno je in ne zahteva vnosa 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. 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 lokalne nastavitve, ki se uporabi kot rezervna. V tem primeru jo nastavimo na en za angleščino.
TACOTRANSLATE_ORIGIN: “mapa”, kjer bodo shranjeni vaši nizi besedil, 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 read/write API ključa nikoli ne razkrijete v produkcijskih okoljih na odjemalski strani.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v svoji React aplikaciji tako, da aplikacijo zavijete v ponudnika konteksta 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 kjerkoli v svoji aplikaciji uporabite komponento Translate za prikaz prevedenega besedila! Obvezno si oglejte našo dokumentacijo za več informacij in za 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, kar vam prihrani 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 ustrezne in kakovostne rezultate.
Razširljiva rešitev: Enostavno dodajte podporo za nove jezike, ko se vaša aplikacija in baza uporabnikov povečujeta.

Začnite danes!

Vaša React aplikacija bo samodejno prevedena, ko dodate kakršnekoli nize v komponento Translate. Upoštevajte, da bodo nove nize za prevod lahko ustvarila le okolja, katerih API ključ ima dovoljenja read/write.

Priporočamo, da imate zaprto in varno preizkusno (staging) okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in dodajate nove nize pred objavo. S tem boste preprečili, da bi kdor koli kdor koli ukradel vaš skrivni API ključ in s tem morebiti napihnil vaš prevajalski projekt z dodajanjem nepooblaščenih 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!