Suluhisho bora la kuwezesha lugha nyingi (i18n) katika programu za React

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

Kwa nini uchague TacoTranslate kwa React?

Muunganisho Usio na Mshono: Iliyobuniwa mahsusi kwa programu za React, TacoTranslate inaunganishwa kwa urahisi katika mtiririko wako wa kazi uliopo.
Ukusanyaji wa Mifungu ya Maandishi Kiotomatiki: Hapana tena kusimamia faili za JSON kwa mikono. TacoTranslate hukusanya kiotomatiki mifungu ya maandishi kutoka kwenye hazina yako ya msimbo.
Tafsiri Zinazoendeshwa na AI: Tumia uwezo wa AI kutoa tafsiri sahihi kwa muktadha ambazo zinaendana na tono la programu yako.
Msaada wa Lugha Mara Moja: Ongeza msaada kwa lugha mpya kwa kubofya tu, na kufanya programu yako ipatikane ulimwenguni kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kwa kutumia npm:

npm install tacotranslate

Ukisakinisha moduli, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Unda akaunti hapa. Ni bure, na hauhitaji kuingiza kadi ya mkopo.

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

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

TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa eneo (locale) unaotumika kama chaguo-msingi. Katika mfano huu, tutaweka kuwa en kwa Kiingereza.
TACOTRANSLATE_ORIGIN: “folda” ambapo nyuzi zako za maandishi 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 kwamba hauwahi kufichua funguo la API la siri read/write katika mazingira ya uzalishaji upande wa mteja.

Kusanidi TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuifunga programu yako ndani ya mtoa 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 kuangalia nyaraka zetu kwa taarifa zaidi na kwa mwongozo wa utekelezaji unaofaa usanidi wako.

import {Translate} from 'tacotranslate/react';

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

Faida za kutumia TacoTranslate

Kuokoa muda: Inafanya mchakato wa kuchosha wa uanzishaji wa lugha na ukusanyaji wa nyuzi za maandishi kiotomatiki, ikikuokoa muda wako wa thamani.
Gharama nafuu: Inapunguza haja ya tafsiri za mikono, hivyo kupunguza gharama zako za utafsiri.
Usahihi ulioboreshwa: Tafsiri zinazotumiwa na AI zinahakikisha matokeo yenye usahihi kulingana na muktadha na ubora wa juu.
Suluhisho linaloweza kupanuka: Ongeza kwa urahisi msaada kwa lugha mpya wakati programu yako na msingi wa wateja yanavyokua.

Anza leo!

Programu yako ya React itatafsiriwa kiotomatiki unapoongeza maneno yoyote kwenye sehemu ya Translate komponenti. Kumbuka kwamba mazingira yenye ruhusa za read/write kwenye ufunguo wa API yatakuwa ndiyo yanaoweza kuunda maneno mapya ya kutafsiriwa.

Tunapendekeza kuwa na mazingira ya staging yaliyofungwa na salama ambako unaweza kujaribu programu yako ya uzalishaji, ukiongeza maneno mapya kabla ya kuingia moja kwa moja. Hii itazuia mtu yeyote yeyote kuiba ufunguo wako wa siri wa API, na kwa hivyo kuzuia mradi wako wa tafsiri kupanuka kupita kiasi kwa kuongeza maneno yasiyohitajika.

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!