Suluhisho bora kwa utekelezaji wa kimataifa (i18n) katika programu za React

Je, unatafuta kupanua programu yako ya React kwa masoko mapya? TacoTranslate inafanya iwe rahisi sana kutafsiri na ku-lokaliza programu zako za React, ikikuwezesha kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini kuchagua TacoTranslate kwa React?

Ujumuishaji usio na mshono: Iliyotengenezwa mahsusi kwa programu za React, TacoTranslate hujumuishwa bila juhudi katika mtiririko wako wa kazi uliopo.
Ukusanyaji wa maandishi otomatiki: Sio tena kusimamia kwa mkono mafaili ya JSON. TacoTranslate hukusanya kwa otomatiki maandishi kutoka kwenye msimbo wako.
Tafsiri zenye msaada wa AI: Tumia nguvu ya AI kutoa tafsiri sahihi za muktadha ambazo zinaendana na toni ya programu yako.
Msaada wa lugha papo hapo: Ongeza msaada kwa lugha mpya kwa kubofya tu, na kufanya programu yako ipatikane kwa watumiaji duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kwa kutumia npm:

npm install tacotranslate

Ukishaweka moduli, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Unda akaunti hapa. Ni bure, na haitakuhitaji kuongeza kadi ya mkopo.

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

Pia utahitaji kuongeza vigezo viwili vya mazingira: TACOTRANSLATE_DEFAULT_LOCALE na TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa eneo wa chaguo-msingi unaotumika kama mbadala. Katika mfano huu, tutaiweka kuwa en kwa Kiingereza.
TACOTRANSLATE_ORIGIN: “Kabrasha” ambapo misemo yako ya maandishi itahifadhiwa, 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 ufunguo wako wa API wa siri read/write hauvuji kamwe kwenye mazingira ya uzalishaji upande wa mteja.

Kusanidi TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuiweka 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 ili kuonyesha maandishi yaliyotafsiriwa! Hakikisha umetembelea nyaraka zetu kwa maelezo zaidi, na kwa mwongozo wa utekelezaji maalum kwa usanidi wako.

import {Translate} from 'tacotranslate/react';

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

Faida za kutumia TacoTranslate

Inaokoa muda: Hufanya kiotomatiki mchakato wa kuchosha wa utafsiri na ukusanyaji wa misururu ya maandishi, ikikuokoa muda muhimu.
Gharama nafuu: Inapunguza haja ya tafsiri za mkono, ikipunguza gharama zako za uboreshaji wa lugha.
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 kadri programu yako na idadi ya wateja zinavyoongezeka.

Anza leo!

Programu yako ya React itatafsiriwa kiotomatiki unapoongeza maandishi yoyote kwenye sehemu ya Translate. Kumbuka kuwa mazingira yenye ruhusa za read/write kwenye ufunguo wa API pekee ndiyo yataweza kuunda maandishi mapya ili yaweze kutafsiriwa.

Tunapendekeza kuwa na mazingira ya majaribio yaliyofungwa na salama ambapo unaweza kujaribu programu yako ya uzalishaji, ukiongeza maandishi mapya kabla ya kuingia mtandaoni. Hii itazuia mtu yeyote kuiba ufunguo wako wa siri wa API, na pia kuzuia mradi wako wa tafsiri kujazwa na maandishi yasiyoidhinishwa.

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!