Lokalizishaji bila juhudi kwa programu za React

Unatafuta kupanua programu yako ya React kwa masoko mapya? TacoTranslate inafanya iwe rahisi sana kuweka programu zako za React kwa lugha mbalimbali, ikikuwezesha kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini uchague TacoTranslate kwa React?

Kuunganishwa Bila Mshono: Imeundwa mahsusi kwa ajili ya programu za React, TacoTranslate hujumuishwa kwa urahisi katika mtiririko wako wa kazi uliopo.
Ukusanyaji wa Maneno Kiotomatiki: Hakuna tena kusimamia faili za JSON kwa mikono. TacoTranslate hukusanya kwa kiotomatiki mistari ya maandishi kutoka kwenye msimbo wako.
Tafsiri Zinazotumia AI: Tumia nguvu ya AI kutoa tafsiri zenye usahihi wa muktadha ambazo zinaendana na mtindo wa programu yako.
Msaada wa Lugha Mara Moja: Ongeza msaada kwa lugha mpya kwa bonyeza moja tu, ikifanya programu yako ipatikane duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kupitia npm:

npm install tacotranslate

Mara tu utakaposakinisha moduli, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Unda akaunti hapa. Ni bure, na hakuna haja ya kadi ya mkopo.

Ndani ya UI ya programu ya TacoTranslate, tengeneza mradi, kisha nenda kwenye kichupo chake cha ufunguo za API. Tengeneza ufunguo mmoja read na ufunguo mmoja read/write. Tutaziweka kama vigezo vya mazingira. Ufunguo read ndiyo tunaouita public na ufunguo read/write ni secret. Kwa mfano, unaweza kuyaongeza kwenye faili ya .env katika mzizi wa mradi wako.

Utahitaji pia kuongeza vigezo viwili vya mazingira zaidi: TACOTRANSLATE_DEFAULT_LOCALE na TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa eneo la lugha unaotumika kama chaguo-msingi. Katika mfano huu, tutaiweka kuwa en kwa Kiingereza.
TACOTRANSLATE_ORIGIN: “Folda” ambapo mfuatano wa herufi (strings) zako zitahifadhiwa, kama vile URL ya tovuti yako. Soma zaidi kuhusu asili hapa.

.env

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

Hakikisha hauwahi kufichua ufunguo wa siri wa API read/write katika mazingira ya uzalishaji upande wa mteja.

Kusanidi TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuweka programu yako ndani ya mtoaji wa muktadha wa 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>
	);
}

Sasa unaweza kutumia komponenti ya Translate mahali popote ndani ya programu yako kuonyesha maandishi yaliyotafsiriwa! Hakikisha uangalie nyaraka zetu kwa taarifa zaidi, pamoja na mwongozo wa utekelezaji unaofaa kwa usanidi wako.

import {Translate} from 'tacotranslate/react';

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

Manufaa ya kutumia TacoTranslate

Kuokoa muda: Inaotomati mchakato wa kuchosha wa utafsiri na ukusanyaji wa maandishi, ikikuokoa muda muhimu.
Gharama nafuu: Inapunguza haja ya tafsiri kwa mikono, na hivyo kupunguza gharama zako za utafsiri.
Usahihi ulioboreshwa: Tafsiri zinazotumia AI zinahakikisha matokeo sahihi kwa muktadha na yenye ubora wa juu.
Suluhisho linaloweza kupanuka: Ongeza kwa urahisi msaada kwa lugha mpya kadiri programu yako na wateja wako wanavyoongezeka.

Anza leo!

Programu yako ya React itatafsiriwa moja kwa moja unapoongeza kamba yoyote ya maandishi kwenye kipengee cha Translate. Tambua kwamba mazingira tu yenye idhini za read/write kwenye ufunguo wa API ndiyo yatakayoweza kuunda kamba mpya za kutafsiriwa.

Tunapendekeza kuwa na mazingira ya maandalizi yaliyofungwa na yaliyo salama ambapo unaweza kujaribu programu yako ya uzalishaji na kuongeza kamba mpya kabla ya kwenda mtandaoni. Hii itaizuia mtu yeyote yeyote kuiba ufunguo wako wa siri wa API, na pia inaweza kuzuia mradi wako wa tafsiri kupanuka kupita kiasi kwa kuingizwa kwa kamba zisizoidhinishwa.

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!