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 kuweka programu zako za React kwa lugha tofauti, ikikuwezesha kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini uchague TacoTranslate kwa React?

Muunganisho usio na mshono: Imeundwa mahsusi kwa ajili ya programu za React, TacoTranslate inaunganishwa kwa urahisi katika mtiririko wako wa kazi uliopo.
Ukusanyaji wa Misemo Otomatiki: Hakuna tena kusimamia faili za JSON kwa mkono. TacoTranslate hukusanya misemo kutoka kwenye msimbo wako kiotomatiki.
Tafsiri Zinazoendeshwa na AI: Tumia nguvu ya AI kutoa tafsiri sahihi kihusiana na muktadha ambazo zinaendana na toni ya programu yako.
Msaada wa Lugha Mara Moja: Ongeza msaada kwa lugha mpya kwa bonyeza tu, na kufanya programu yako ipatikane duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kwa kutumia npm:

npm install tacotranslate

Mara tu utakapokuwa umeweka moduli, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Unda akaunti hapa. Ni bure, na huhitaji kuongeza kadi ya mkopo.

Ndani ya kiolesura cha programu ya TacoTranslate, unda mradi, na nenda kwenye kichupo cha funguo za API. Unda ufunguo mmoja read na ufunguo mwingine read/write. Tutayahifadhi kama vigezo vya mazingira. Ufunguo read ndiyo tunauita public na ufunguo read/write ni secret. Kwa mfano, unaweza kuziweka 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 la chaguo-msingi litakalotumika kama eneo la kurejesha. 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 hauwahi kuvuja siri ya ufunguo wa API read/write kwa mazingira ya uzalishaji upande wa mteja.

Kusanidi TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuifunika 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 Translate komponenti mahali popote ndani ya programu yako ili kuonyesha maandishi yaliyotafsiriwa! Hakikisha uangalie 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." />
	);
}

Manufaa ya kutumia TacoTranslate

Inaokoa muda: Inaotomatisha mchakato wa kuchosha wa kutengeneza maudhui kwa lugha mbalimbali na ukusanyaji wa maandishi, ikikuokoa muda wako wa thamani.
Gharama nafuu: Inapunguza haja ya tafsiri za mikono, hivyo kupunguza gharama zako za kutengeneza maudhui kwa lugha mbalimbali.
Usahihi ulioboreshwa: Tafsiri zinazotumia AI zinahakikisha matokeo sahihi kwa muktadha na yenye ubora wa juu.
Suluhisho linalopanuka: Ongeza kwa urahisi msaada kwa lugha mpya kadiri programu yako na msingi wa wateja unavyokua.

Anza leo!

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

Tunapendekeza kuwa na mazingira ya majaribio yaliyofungwa na salama ambapo unaweza kujaribu programu yako ya uzalishaji, ukiongeza maandishi mapya kabla ya kwenda mtandaoni. Hii itazuia mtu mtu kupora ufunguo wako wa siri wa API, na inaweza pia kusababisha mradi wako wa tafsiri kuongezeka kupita kiasi kwa kuongeza maandishi hatarishi.

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!