Brezhibna lokalizacija za React aplikacije

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

Zakaj izbrati TacoTranslate za React?

Brezhibna integracija: TacoTranslate je posebej zasnovan za React aplikacije in se brez težav vključi v vaš obstoječi delovni proces.
Samodejno zbiranje nizov: Ni vam več treba ročno upravljati JSON datotek. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi na osnovi umetne inteligence: Izkoristite moč umetne inteligence za zagotavljanje kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
Takojšnja podpora jezikom: Dodajte podporo za nove jezike z enim klikom in naredite svojo aplikacijo globalno dostopno.

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 vnosa kreditne kartice.

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in pojdite na zavihek za API ključe. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot spremenljivki okolja. read ključ imenujemo public, medtem ko je read/write ključ secret. Na primer, lahko jih dodate v .env datoteko v korenski mapi vašega projekta.

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

TACOTRANSLATE_DEFAULT_LOCALE: Privzeta rezervna koda jezikovne nastavitve. V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: “Mapa”, v kateri bodo shranjene vaše 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 nikoli ne razkrijete skrivnega read/write API ključa v produkcijskih okoljih na strani odjemalca.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v svoji React aplikaciji tako, da svojo aplikacijo ovijete v 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>
	);
}

Sedaj lahko kjerkoli v vaši aplikaciji uporabite komponento Translate za prikaz prevedenega besedila! Ne pozabite preveriti našo dokumentacijo za več informacij in za vodiče za implementacijo, prilagojene vašemu okolju.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

Varčevanje s časom: Avtomatizira zamuden proces lokalizacije in zbiranja nizov, kar vam prihrani dragoceni čas.
Učinkovito glede stroškov: Zmanjšuje potrebo po ročnih prevodih, s čimer znižuje vaše stroške lokalizacije.
Izboljšana natančnost: Prevodi na osnovi umetne inteligence zagotavljajo kontekstualno natančne in kakovostne rezultate.
Oblikovano za rast: Enostavno dodajte podporo za nove jezike, ko vaša aplikacija in baza strank raste.

Začni še danes!

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

Priporočamo, da imate zaprto in zavarovano testno okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in dodate nove nize, preden greste v živo. To bo preprečilo, da bi kdorkoli ukradel vaš skrivni API ključ in s tem morebiti napolnil vaš prevajalski projekt z nezaž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!