Enostavna lokalizacija za React aplikacije

Ali ž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?

Nemotena integracija: TacoTranslate je zasnovan posebej za React aplikacije in se brez težav vključi v vaš obstoječi delovni tok.
Samodejni zajem nizov: Nič več ročnega upravljanja JSON datotek. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi z AI podporo: Izkoristite moč umetne inteligence za kontekstualno natančne prevode, ki ustrezajo tonu vaše aplikacije.
Takojšnja podpora jezikom: Z enim klikom dodajte podporo za nove jezike in naredite svojo aplikacijo dostopno po vsem 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 povezane 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 z API ključi. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot okoljske spremenljivke. read ključ imenujemo public, read/write ključ pa je secret. Na primer, lahko jih dodate v .env datoteko v korenu vašega projekta.

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

TACOTRANSLATE_DEFAULT_LOCALE: Privzeta rezerva za lokalizacijo. V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: “Mapa”, kjer 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 vaši React aplikaciji tako, da zavijete vašo aplikacijo 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 kjer koli v vaši aplikaciji uporabite komponento Translate za prikaz prevedenega besedila! Ne pozabite si ogledati naše dokumentacije za več informacij in vodnike 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

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

Začnite še danes!

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

Priporočamo, da imate zaprto in varno fazno okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in dodajate nove nize pred objavo. To bo preprečilo komu koli, da bi ukradel vaš skrivni API ključ ter morebiti napihnil vaš prevajalski projekt z nepooblaščenimi nizi.

Ne pozabite pogledati popolne primere na našem GitHub profilu. Če naletite na kakršne koli težave, nas brez zadržkov kontaktirajte, z veseljem vam bomo pomagali.

TacoTranslate vam omogoča samodejno lokalizacijo vaših React aplikacij hitro v katerikoli jezik in iz njega. Prevedite brezplačno!