TacoTranslate
/
NyarakaBei
 
Makala
04 Mei

Suluhisho bora zaidi la uainishaji kimataifa (i18n) katika programu za React

Je, unatafuta kupanua programu yako ya React kwenda masoko mapya? TacoTranslate hufanya iwe rahisi sana kuwezeshwa lugha kwa programu zako za React, ikikuwezesha kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini uchague TacoTranslate kwa React?

  • Muunganiko Usio na Mshono: Imebuniwa mahsusi kwa ajili ya programu za React, TacoTranslate inaunganishwa kwa urahisi na mtiririko wako wa kazi uliopo.
  • Kukusanya Mizee Kwa Mifumo ya Kiotomatiki: Hakuna tena kusimamia fiche za JSON kwa mikono. TacoTranslate hukusanya mizee kiotomatiki kutoka kwenye msimbo wako wa chanzo.
  • Tafsiri Zenye Nguvu ya 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 tu, na kufanya programu yako ipatikane duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kupitia npm:

npm install tacotranslate

Ukipakua moduli, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Tengeneza akaunti hapa. Ni bure, na huhitaji kuingiza kadi ya mkopo.

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

Pia utahitaji kuongeza mabadiliko mawili zaidi ya mazingira: TACOTRANSLATE_DEFAULT_LOCALE na TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa lugha ya msingi wa kushuka. Katika mfano huu, tutaweka kuwa en kwa Kiingereza.
  • TACOTRANSLATE_ORIGIN: "Folda" ambapo mistari yako 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 hauwezi kamwe kufichua siri ya key ya API ya read/write kwenye mazingira ya uzalishaji upande wa mteja.

Kuweka TacoTranslate

anzisha TacoTranslate katika programu yako ya React kwa kuzungusha programu yako ndani ya mtoa huduma 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 mahali popote ndani ya programu yako kuonyesha maandishi yaliyotafsiriwa! Hakikisha kutembelea nyaraka zetu kwa maelezo zaidi, na kwa mwongozo wa utekelezaji unaolingana na 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: Inaendesha moja kwa moja mchakato wa kuchosha wa uandikishaji na ukusanyaji wa misemo, ikikuokoa muda wa thamani.
  • Gharama nafuu: Inapunguza haja ya tafsiri za mikono, ikipunguza gharama zako za uandikishaji.
  • Usahihi ulioboreshwa: Tafsiri zinazotumia AI huhakikisha matokeo sahihi kimaudhui na ya ubora wa juu.
  • Suluhisho la Kupanuka: Ongeza kwa urahisi msaada kwa lugha mpya kadri programu yako na msingi wa wateja unavyokua.

Anza leo!

Programu yako ya React itatafsiriwa moja kwa moja unapoongeza mfuatano wowote wa maneno kwenye sehemu ya Translate. Kumbuka kuwa ni mazingira yenye ruhusa za read/write kwa ufunguo wa API pekee ndizo zitakazoweza kuunda mfuatano mpya wa maneno wa kutafsiriwa.

Tunapendekeza kuwa na mazingira ya majaribio yaliyofungwa na salama ambapo unaweza kupima programu yako ya uzalishaji, ukiongeza mfuatano mpya kabla ya kuanzisha rasmi. Hii itazuia mtu yeyote kunakili ufunguo wako wa siri wa API, na huenda ikazuia mrundikano wa mradi wako wa tafsiri kwa kuongeza mfuatano 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!

Bidhaa kutoka NattskiftetImetengenezwa Norway