Vaevatu lokaliseerimine Reacti rakendustele

Kas soovite oma React-rakendust uutele turgudele laiendada? TacoTranslate teeb React‑rakenduste lokaliseerimise erakordselt lihtsaks, võimaldades teil jõuda ülemaailmse publikuni ilma vaevata.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Spetsiaalselt Reacti rakendustele loodud TacoTranslate integreerub teie olemasolevasse töövoogu vaevata.
Automaatne stringide kogumine: Enam ei ole vaja JSON-faile käsitsi hallata. TacoTranslate kogub teie koodibaasist stringid automaatselt.
Tehisintellekti-põhised tõlked: Kasutage tehisintellekti jõudu, et pakkuda kontekstitundlikult täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Vahetu keeletoetus: Lisage uute keelte tugi vaid ühe klikiga, muutes teie rakenduse ülemaailmselt kättesaadavaks.

Kuidas see töötab

Installige TacoTranslate'i pakett npm-i kaudu:

npm install tacotranslate

Kui olete mooduli paigaldanud, peate looma TacoTranslate konto, tõlkeprojekti ja sellega seotud API‑võtmed. Loo konto siin. See on tasuta ning ei nõua krediitkaardi lisamist.

TacoTranslate'i rakenduse kasutajaliideses loo projekt ja liigu selle API‑võtmete vahekaardile. Loo üks read võti ja üks read/write võti. Salvestame need keskkonnamuutujatena. Seda read võtit kutsume public, ja read/write võtit kutsume secret. Näiteks võid need lisada oma projekti juurkausta faili .env.

Peate lisama veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagavara lokaali kood. Selles näites määrame selle väärtuseks en (inglise keele jaoks).
TACOTRANSLATE_ORIGIN: “kaust”, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe originitest lähemalt siit.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Veendu, et sa ei avalikusta kunagi salajast read/write API-võtit kliendipoolses tootmiskeskkonnas.

TacoTranslate'i seadistamine

Algseadistage TacoTranslate oma React-rakenduses, mähkides rakenduse TacoTranslate'i konteksti pakkuja sisse:

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>
	);
}

Nüüd saate oma rakenduses kõikjal kasutada Translate komponenti, et kuvada tõlgitud teksti! Kindlasti vaadake meie dokumentatsiooni, et saada rohkem teavet ning oma seadistuse jaoks mõeldud rakendamisjuhendeid.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate'i kasutamise eelised

Aja kokkuhoid: Automatiseerib tüütut lokaliseerimise ja stringide kogumise protsessi, säästes teie väärtuslikku aega.
Kulutõhus: Vähendab vajadust manuaalsete tõlgete järele, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti toel tehtud tõlked tagavad kontekstitundlikult täpsed ja kõrge kvaliteediga tulemused.
Laiendatav lahendus: Lisage lihtsalt tugi uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie React-rakendus tõlgitakse automaatselt, kui lisate mõne stringi komponendile Translate. Pange tähele, et ainult keskkonnad, millel on API-võtme jaoks read/write õigused, saavad luua uusi tõlgitavaid stringe.

Soovitame omada suletud ja turvatud staging-keskkonda, kus saate testida oma tootmisrakendust ning lisada uusi stringe enne avalikustamist. See hoiab ära kellegi Teie salajase API-võtme varastamise ja väldib tõenäoliselt ka tõlkeprojekti paisumist pahatahtlike stringide lisamise tõttu.

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!