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

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

Zakaj izbrati TacoTranslate za React?

Brezhibna integracija: Posebej zasnovan za React aplikacije, TacoTranslate se brez težav vključi v vaš obstoječi delovni potek.
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 kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
Takojšnja jezikovna podpora: Z enim samim 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 vnašanja podatkov o kreditni kartici.

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in pojdite na zavihek API keys. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot spremenljivke okolja. read ključ je tisti, ki mu pravimo public, in read/write ključ je secret. Na primer, jih lahko dodate v datoteko .env v korenu svojega projekta.

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

TACOTRANSLATE_DEFAULT_LOCALE: Privzeta koda jezika, ki se uporabi kot rezervna. V tem primeru jo nastavimo na en za angleščino.
TACOTRANSLATE_ORIGIN: “folder”, kjer bodo shranjeni vaši nizi, na primer URL vaše spletne strani. Preberite več o originah 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 na strani odjemalca v produkcijskem okolju.

Nastavitev TacoTranslate

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

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! Oglejte si našo dokumentacijo za več informacij in za vodnike za implementacijo, prilagojene vaši konfiguraciji.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

Prihranek časa: Avtomatizira naporen postopek lokalizacije in zbiranja nizov ter vam prihrani dragoceni čas.
Stroškovno učinkovito: Zmanjša potrebo po ročnih prevodih in zniža 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 rasteta vaša aplikacija in baza strank.

Začnite danes!

Vaša React aplikacija bo samodejno prevedena, ko v komponento Translate dodate poljubne nize. Upoštevajte, da bodo lahko nove nize za prevod ustvarila le okolja, ki imajo na API ključu dovoljenja read/write.

Priporočamo, da imate zaprto in zavarovano testno (staging) okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in pred objavo dodate nove nize. S tem preprečite, da bi kdorkoli ukradel vaš skrivni API ključ in potencialno napihnil 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!