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

Je, unatafuta kupanua programu yako ya React kwenye masoko mapya? TacoTranslate inafanya iwe rahisi sana kufanya programu zako za React ziwe za kienyeji, ikikuwezesha kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini uchague TacoTranslate kwa React?

Ujumuishaji Usio na Mshono: Imetengenezwa mahsusi kwa programu za React, TacoTranslate hujumuishwa kwa urahisi katika mtiririko wa kazi uliopo.
Ukusanyaji wa Misemo Kiotomatiki: Hakuna tena kusimamia kwa mkono faili za JSON. TacoTranslate hukusanya moja kwa moja misemo kutoka kwenye msimbo wako.
Tafsiri Zinazotumia AI: Tumia nguvu ya AI ili kutoa tafsiri sahihi kwa muktadha zilizofaa kwa toni ya programu yako.
Msaada wa Lugha Mara Moja: Ongeza msaada kwa lugha mpya kwa kubofya tu, na kuifanya programu yako ipatikane duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kupitia npm:

npm install tacotranslate

Mara module itakapokuwa imewekwa, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Unda akaunti hapa. Ni bure, na haihitaji kadi ya mkopo.

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

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

TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa locale unaotumika kama chaguo-msingi la kurejea. Katika mfano huu, tutauweka kuwa en kwa Kiingereza.
TACOTRANSLATE_ORIGIN: “folda” ambapo nyuzi za maandishi zako zitawekwa, kama vile URL ya tovuti yako. Soma zaidi kuhusu vyanzo hapa.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Hakikisha kwamba ufunguo wa API wa siri read/write hauvuji kwenye mazingira ya uzalishaji ya upande wa mteja.

Kusanidi TacoTranslate

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

Faida za kutumia TacoTranslate

Kuokoa muda: Inafanya mchakato wa kuchosha wa utoanishaji na ukusanyaji wa stringi kuwa otomatiki, ikikuokoa muda wa thamani.
Gharama nafuu: Inapunguza haja ya tafsiri za kibinadamu, ikipunguza gharama zako za utoanishaji.
Usahihi ulioboreshwa: Tafsiri zinazoendeshwa na AI zinahakikisha matokeo sahihi kwa muktadha na yenye ubora wa juu.
Suluhisho linaloweza kupanuka: Ongeza kwa urahisi msaada kwa lugha mpya kadri programu yako na wateja wako wanavyokua.

Anza leo!

Programu yako ya React itatafsiriwa moja kwa moja unapoongeza kamba zozote za maandishi kwenye sehemu ya Translate. Kumbuka kwamba mazingira pekee yenye ruhusa za read/write kwenye ufunguo wa API ndiyo yataweza kuunda kamba mpya za kutafsiriwa.

Tunapendekeza kuwa na mazingira ya majaribio yaliyofungwa na salama ambapo unaweza kujaribu programu yako ya uzalishaji, ukiongeza kamba mpya kabla ya kwenda mtandaoni. Hii itazuia mtu yeyote mtu yeyote kuiba ufunguo wako wa API wa siri, na kwa hivyo kuzuia mradi wako wa tafsiri kupanuka kupita kiasi kwa kuongeza kamba zisizo za lazima.

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!