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

Je, unatafuta kupanua programu yako ya React kwenda masoko mapya? TacoTranslate inafanya iwe rahisi sana kuweka programu zako za React katika lugha tofauti, ikikuwezesha kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini uchague TacoTranslate kwa React?

Muunganisho usio na mshono: Imeundwa maalum kwa programu za React; TacoTranslate inaunganishwa kwa urahisi katika mtiririko wako wa kazi uliopo.
Ukusanyaji wa maandishi kiotomatiki: Hakuna tena kusimamia faili za JSON kwa mikono. TacoTranslate hukusanya maandishi kutoka kwa msimbo wako kwa njia ya kiotomatiki.
Tafsiri zinazoendeshwa na AI: Tumia uwezo wa AI kutoa tafsiri sahihi kwa muktadha zinazofaa kwa toni ya programu yako.
Msaada wa Lugha Mara Moja: Ongeza msaada kwa lugha mpya kwa bonyeza moja tu, na kufanya programu yako ipatikane duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kwa kutumia npm:

npm install tacotranslate

Mara tu utakapokuwa umesakinisha 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. Unda ufunguo mmoja read, na ufunguo mmoja read/write. Tutaviweka kama vigezo vya mazingira. Ufunguo read ndio tunaouita public, na ufunguo read/write ndio secret. Kwa mfano, unaweza kuziweka kwenye faili ya .env katika mzizi wa mradi wako.

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

TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa eneo la chaguo-msingi la kurejelea (fallback). Katika mfano huu, tutaiweka kuwa en kwa Kiingereza.
TACOTRANSLATE_ORIGIN: Kabrasha ("folder") ambapo sehemu zako za maandishi (strings) zitawekwa, 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 haufichui kamwe ufunguo wa API wa siri read/write kwa mazingira ya uzalishaji upande wa mteja.

Kusanidi TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuzungusha 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 ili kuonyesha maandishi yaliyotafsiriwa! Hakikisha ukagua 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

Huokoa muda: Inafanya kwa otomatiki mchakato wa kuchosha wa lokalizishaji na ukusanyaji wa misururu ya maandishi, ikikuokoa muda wako wa thamani.
Gharama nafuu: Inapunguza hitaji la tafsiri za mkono, ikipunguza gharama zako za lokalizishaji.
Usahihi ulioimarishwa: Tafsiri zinazoendeshwa na AI zinahakikisha matokeo sahihi kimaudhui na yenye ubora wa juu.
Suluhisho linaloweza kupanuka: Kwa urahisi ongeza msaada wa lugha mpya kadiri programu yako na idadi ya wateja inavyokua.

Anza leo!

Programu yako ya React itatafsiriwa kiotomatiki unapoongeza maandishi yoyote kwenye sehemu ya Translate. Kumbuka kwamba mazingira tu yenye ruhusa za read/write kwenye ufunguo wa API ndiyo yataweza kuunda maandishi mapya yatakayotafsiriwa.

Tunapendekeza kuwa na mazingira ya staging yaliyofungwa na salama ambapo unaweza kujaribu programu yako ya uzalishaji, ukiongeza maandishi mapya kabla ya kuingia uzalishaji. Hii itaizuia mtu mtu kuiba ufunguo wako wa siri wa API, na pia kuzuia mradi wako wa tafsiri kukua kupita kiasi kwa kuongeza maandishi yasiyotarajiwa.

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!