Xalka ugu wanaagsan ee caalamiyeynta (i18n) ee barnaamijyada React

Ma rabtaa inaad ballaariso codsigaaga React suuqyo cusub? TacoTranslate waxay si aad u fudud kaaga dhigaysa inaad ku lokalaysato codsiyadaada React, adigoo kuu suurtagelinaya inaad gaarto daawadayaal caalami ah adigoon dhib dheeraad ah la kulmin.

Maxay tahay sababta loo doorto TacoTranslate ee React?

Isku-xirnaan aan Kala-go’ lahayn: Si gaar ah loogu talagalay codsiyada React, TacoTranslate waxa uu si fudud ugu dhex milmaa habkaaga shaqo ee hadda jira.
Ururinta Xadhkaha Si Toos ah: Ma jiro maarayn gacanta lagu sameeyo faylasha JSON mar dambe. TacoTranslate si toos ah ayuu uga ururiyaa xadhkaha koodhkaaga.
Tarjumaado Ku Salaysan AI: Ka faa’iidayso awoodda AI si aad u bixiso turjumaado sax ah oo ku habboon macnaha iyo codka codsigaaga.
Taageero Luqadeed Degdeg ah: Ku dar taageero luqado cusub hal gujin oo kaliya, taasoo ka dhigaysa codsigaaga mid si caalami ah loo heli karo.

Sida ay u shaqeyso

Ku rakib xirmada TacoTranslate adoo adeegsanaya npm:

npm install tacotranslate

Markaad rakibtay module-ka, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaasha API-ga la xiriira. Halkan iska diiwaan geli. Waa bilaash, waxaana aan loo baahnayn inaad ku darto kaarka deynta.

Gudaha TacoTranslate app UI, abuuro mashruuc, kadibna u gudub tabka furayaashaas API. Abuuro hal furaha read, iyo hal furaha read/write. Waxaan ku keydin doonnaa iyaga sidii variables deegaanka. Furaha read waa waxa aan ugu yeerno public, halka furaha read/write uu yahay secret. Tusaale ahaan, waxaad ku dari kartaa faylka .env ee xididka mashruucaaga.

Waxaa kale oo aad u baahan doontaa inaad ku darto laba beddel deegaanka dheeri ah: TACOTRANSLATE_DEFAULT_LOCALE iyo TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka deegaanka asaasiga ah ee lagu noqdo. Tusaalahaan, waxaan u dejin doonaa en oo ah Ingiriis.
TACOTRANSLATE_ORIGIN: “Folder”-ka meesha xarafyadaada lagu keydin doono, sida URL-ka boggaaga. Akhri waxbadan oo ku saabsan asalka halkan.

.env

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

Hubi inaadan waligaa si qarsoodi ah u faafin furaha sirta ah ee read/write API-ga ee deegaanka wax soo saarka dhinaca macaamiisha.

Dejinta TacoTranslate

Ku bilow TacoTranslate codsigaaga React adigoo ku duubaya codsigaaga bixiyaha macnaha 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>
	);
}

Hadda waxaad isticmaali kartaa qaybta Translate meel kasta oo ku jirta codsigaaga si aad u muujiso qoraal turjuman! Hubi inaad eegto dukumentigayaga wixii macluumaad dheeri ah, iyo sidoo kale hagayaasha hirgelinta ee ku habboon nidaamkaaga.

import {Translate} from 'tacotranslate/react';

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

Faa’iidooyinka isticmaalka TacoTranslate

Waqti keydin: Si otomaatig ah ayuu u qabtaa habka dhibka badan ee turjumaadda iyo ururinta xarafyada, taasoo kuu badbaadineysa waqti qiimo leh.
Kharash-ku-ool ah: Wuxuu yareeyaa baahida turjumaadaha gacanta lagu sameeyo, isagoo hoos u dhigaya kharashka turjumaaddaada.
Saxnaanta la hagaajiyey: Turjumaadaha ku shaqeeya AI waxay xaqiijinayaan natiijooyin sax ah oo tayo sare leh marka la eego macnaha.
Xalka Culus-ku-kordhinta: Si fudud ugu dar taageero luqado cusub marka codsigaaga iyo macaamiishaadu korodho.

Bilow maanta!

Codsigaaga React si toos ah ayaa loo turjumi doonaa markaad wax xarfo ah ku darto qaybta Translate. Ogow in kaliya deegaanada leh oggolaanshaha read/write ee furaha API-ga ay awoodi doonaan inay abuuraan xarfo cusub oo la turjumo.

Waxaan kugula talineynaa inaad yeelato deegaan xirxiran oo ammaan ah oo lagu tijaabiyo codsigaaga wax soo saarka, adigoo ku daraya xarfo cusub ka hor intaadan si rasmi ah u sii deyn. Tani waxay ka hortagi doontaa in qof kastaa xado furahaaga API-ga qarsoon, sidoo kalena ay suurtogal tahay in mashruucaaga turjumaadda lagu buuxiyo xarfo aan la rabin.

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!