Enostavna lokalizacija za React aplikacije

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

Zakaj izbrati TacoTranslate za React?

Brezhibna integracija: Namenjen posebej za React aplikacije, TacoTranslate se brezhibno vključi v vaš obstoječi potek dela.
Samodejno zbiranje besedilnih nizov: Ni več ročnega upravljanja JSON datotek. TacoTranslate samodejno zbira besedilne nize iz vaše kode.
Prevodi, podprti z umetno inteligenco: Izkoristite moč umetne inteligence za zagotavljanje kontekstno 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 prek npm:

npm install tacotranslate

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

V 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 spremenljivke okolja. Ključ read imenujemo public, ključ read/write pa imenujemo 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 nadomestne (fallback) lokalizacije. V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: “mapa”, kjer bodo shranjeni vaši 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 read/write API ključa nikoli ne razkrijete v produkcijskih odjemalskih okoljih.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v vaši 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 komponento Translate uporabite kjerkoli v vaši aplikaciji 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 besedilnih nizov, pri čemer prihranite dragoceni čas.
Stroškovno učinkovito: Zmanjša potrebo po ročnih prevodih, s čimer zniža stroške lokalizacije.
Izboljšana natančnost: Prevodi, ki jih poganja umetna inteligenca, zagotavljajo kontekstualno natančne in visokokakovostne rezultate.
Razširljiva rešitev: Enostavno dodajte podporo za nove jezike, ko se vaša aplikacija in baza uporabnikov širita.

Začnite danes!

Vaša React aplikacija bo samodejno prevedena, ko v komponento Translate dodate kakršnekoli nize. Upoštevajte, da bodo nova besedila za prevod lahko ustvarjala le okolja, ki imajo za API ključ dovoljenja read/write.

Priporočamo, da imate zaprto in zavarovano testno (staging) okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in pred objavo v živo dodate nova besedila. 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!