Suluhisho bora kwa uandishi wa lugha nyingi (i18n) katika programu za React

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

Kwa nini uchague TacoTranslate kwa React?

Uunganishaji Usio na Mshono: Imetengenezwa mahsusi kwa ajili ya programu za React, TacoTranslate huingiliana kwa urahisi kabisa katika mtiririko wako wa kazi uliopo.
Ukusanyaji wa Mfumo wa Moja kwa Moja wa Mstari: Hakuna tena usimamizi wa faili za JSON kwa mikono. TacoTranslate hukusanya mistari moja kwa moja kutoka kwenye msingi wa nambari yako.
Tafsiri Zinazotumia AI: Tumia nguvu ya AI kutoa tafsiri sahihi za muktadha zinazolingana na mtindo wa programu yako.
Msaada wa Lugha Mara Moja: Ongeza msaada wa lugha mpya kwa bonyeza moja tu, kufanya programu yako ipatikane kwa kiwango cha kimataifa.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kupitia npm:

npm install tacotranslate

Unapoweka moduli hii, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Tengeneza akaunti hapa. Ni bure, na haitaidiu kuongeza kadi ya mkopo.

Ndani ya UI ya programu ya TacoTranslate, tengeneza mradi, na nenda kwenye kichupo cha funguo za API. Tengeneza funguo moja ya read, na funguo moja ya read/write. Tutazihifadhi kama vigezo vya mazingira. Funguo ya read ndilo tunaloita public, na funguo ya read/write ni secret. Kwa mfano, unaweza kuziingiza kwenye faili ya .env katika mzizi wa mradi wako.

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

TACOTRANSLATE_DEFAULT_LOCALE: Nambari ya eneo-msingi ya kutumika iwapo panapokosekana tafsiri. Katika mfano huu, tutaweka en kwa Kiingereza.
TACOTRANSLATE_ORIGIN: "Folda" ambapo mfuatano wa maneno yako utaifadhiwa, 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 siri ya ufunguo wa API wa read/write kwa mazingira ya uzalishaji upande wa mteja.

Kuweka TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuizunguka programu yako katika 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 sehemu ya Translate popote ndani ya programu yako kuonyesha maandishi yaliyojaribiwa! Hakikisha kukagua nyaraka zetu kwa maelezo zaidi, na kwa miongozo ya utekelezaji maalum 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: Inautomatia mchakato wa kuchosha wa uanzishaji na ukusanyaji wa mistari, ikikuokoa muda wa thamani.
Ufanisi wa gharama: Inapunguza hitaji la tafsiri za mikono, ikipunguza gharama zako za uanzishaji.
Usahihi ulioboreshwa: Tafsiri zinazotumia AI zina hakikisha matokeo sahihi na yenye ubora wa hali ya juu katika muktadha.
Suluhisho linaloweza kupanuka: Ongeza kwa urahisi usaidizi wa lugha mpya kadri programu yako na wateja wanavyozidi kuongezeka.

Anza leo!

Programu yako ya React itatafsiriwa moja kwa moja unapoongeza mistari yoyote kwenye sehemu ya Translate. Kumbuka kuwa mazingira yenye ruhusa za read/write kwenye ufunguo wa API ndio yatakayoweza kuunda mistari mipya ya kutafsiriwa.

Tunapendekeza kuwa na mazingira ya majaribio yaliyofungwa na salama ambapo unaweza kujaribu programu yako ya uzalishaji, ukiongeza mistari mipya kabla ya kuipandisha hadharani. Hii itazuia mtu yeyote kuiba ufunguo wako wa siri wa API, na pia kuzuia mradi wako wa tafsiri kuzidiwa na mistari isiyoidhinishwa.

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!