Xalka ugu wanaagsan ee caalamiyeynta (i18n) ee barnaamijyada React

Ma doonaysaa inaad codsigaaga React u ballaariso suuqyo cusub? TacoTranslate waxay si aad ah u fududeynaysaa in codsiyadaada React loo turjumo lagana dhigo kuwo ku habboon suuqyadaas, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adigoon dhib la kulmin.

Maxaad u dooran lahayd TacoTranslate ee React?

Isku-dar aan kala go' lahayn: Loogu talagalay si gaar ah codsiyada React, TacoTranslate si sahlan ayuu ugu dhex milmaa hab-socodkaaga shaqo.
Ururinta Xadhkaha Si Toos ah: Ha sii maareyn faylasha JSON gacanta. TacoTranslate si otomaatig ah ayuu uga ururiyaa xadhkaha kaydka koodhkaaga.
Turjumaado ay AI-ku Awoodsiiso: Ka faa'iidayso awoodda AI si loo bixiyo turjumaado macno ahaan sax ah oo ku habboon qaabka codsigaaga.
Taageero Luuqadeed Degdeg ah: Ku dar taageero luqado cusub hal gujin kaliya, taasoo ka dhigaysa codsigaaga mid si caalami ah loo heli karo.

Sida ay u shaqeyso

Ku rakib xirmada TacoTranslate adigoo adeegsanaya npm:

npm install tacotranslate

Markaad module-ka rakibtay, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaasha API ee la xiriira. Halkan iska diiwaan geli. Waa bilaash, mana lagaa rabo inaad kaarka deynta ku darto.

Gudaha UI-ga TacoTranslate, abuur mashruuc, ka dibna u gudub tab-ka furayaasha API-ga. Abuur hal read furaha, iyo hal read/write furaha. Waxaan ku kaydin doonaa iyaga sidii doorsoomayaal 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.

Sidoo kale, waxaad u baahan doontaa inaad ku darto laba doorsoome oo deegaan ah: TACOTRANSLATE_DEFAULT_LOCALE iyo TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka luqadda ee caadiga ah ee loo isticmaalo marka loo baahdo (fallback). Tusaalahaan, waxaan u dejin doonaa en (Ingiriisi).
TACOTRANSLATE_ORIGIN: “folder”-ka meesha qoraalladaada lagu kaydin doono, sida URL-ka boggaaga. Akhri wax badan oo ku saabsan origins halkan.

.env

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

Hubso inaadan waligaa u daadin furaha API-ga sirta ah read/write ee deegaannada wax-soo-saarka ee dhinaca macmiilka.

Dejinta TacoTranslate

Ku bilow TacoTranslate codsigaaga React adigoo codsigaaga ku duubaya bixiyaha context-ka ee 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 ka mid ah codsigaaga si aad u soo bandhigto qoraal la turjumay! Hubso inaad eegto dukumiintiyadayada si aad u hesho macluumaad dheeri ah iyo tilmaamo hirgelin oo ku habboon habeyntaada.

import {Translate} from 'tacotranslate/react';

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

Faa'iidooyinka isticmaalka TacoTranslate

Badbaadinta waqtiga: Si otomaatig ah ayuu u maamulaa habka daalka leh ee maxallaynta iyo ururinta qoraallada, isagoo kuu badbaadinaya waqti qiimo leh.
Kharash-ku-ool: Waxay dhimaysaa baahida loo qabo turjumaadaha gacanta, taasoo hoos u dhigaysa kharashka maxallaynta.
Saxnaan la hagaajiyay: Turjumaadaha ay taageerto sirdoonka macmalka ah waxay xaqiijinayaan natiijooyin macnaha ku habboon oo tayo sare leh.
Xal la ballaarin karo: Si sahlan ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiisha ay koraan.

Bilow maanta!

Codsigaaga React ayaa si otomaatig ah loo turjumi doonaa markaad ku darto xarig kasta qaybta Translate. Ogsoonow in kaliya deegaannada haysta oggolaanshaha read/write ee furaha API-ga ay awoodi doonaan inay abuuraan xarigyo cusub oo la turjumi doono.

Waxaan kugula talineynaa inaad haysato deegaan tijaabo oo xiran oo ammaan ah halkaas oo aad ku tijaabin karto codsigaaga wax-soo-saarka, adigoo ku daraya xarigyo cusub ka hor intaadan dhaqan gelin. Tani waxay ka hortagi doontaa in qof kasta xado furahaaga sirta ah ee API-ga, iyo in mashruucaaga turjumaadda lagu buuxiyo xarigyo 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!