Xalka ugu fiican ee caalamiyeynta (i18n) ee barnaamijyada React

Ma doonaysaa inaad codsigaaga React u balaadhiso suuqyo cusub? TacoTranslate waxay si aad ah u fududaysaa turjumidda iyo la-qabsiga codsiyadaada React, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adigoon la kulmin dhib.

Maxaad u dooranaysaa TacoTranslate ee React?

Isdhexgal aan kala go' lahayn: Si gaar ah loogu talagalay codsiyada React, TacoTranslate waxay si fudud ugu dhex milantaa habkaaga shaqo ee hadda jira.
Ururinta xarigyada si otomaatig ah: Ha u baahnayn inaad si gacanta ah u maamusho faylasha JSON. TacoTranslate si otomaatig ah ayuu uga ururiyaa xarigyada koodhkaaga.
Tarjumaado ay kaashaneyso AI: Ka faa'iidayso awoodda AI si aad u bixiso tarjumaado si macnaha guud u saxsan oo la jaanqaada codka codsigaaga.
Taageero luqadeed oo 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 adoo adeegsanaya npm:

npm install tacotranslate

Markaad module-ka rakibtay, waxaad u baahnaan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaasha API-ga la xiriira. Halkan iska diiwaangeli. Waa bilaash, oo uma baahna inaad geliso kaarka deynta.

Gudaha UI-ga TacoTranslate, abuuro mashruuc oo u gudub tab-ka furayaasha API-ga. Abuur hal read furaha, iyo hal read/write furaha. Waxaan ku keydin doonaa sida doorsoomayaasha deegaanka. Furaha read waxa aan ugu yeernaa public, halka furaha read/write uu yahay secret. Tusaale ahaan, waad 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 deegaanka caadiga ah ee loo isticmaalo marka tarjumaad la waayo. Tusaalahan, waxaan ku dejin doonaa en oo ah Ingiriisi.
TACOTRANSLATE_ORIGIN: "folder"-ka meesha qoraalladaada lagu kaydin doono, sida URL-ka boggaaga. Akhri wax dheeraad ah oo ku saabsan asallada halkan.

.env

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

Hubi inaadan marnaba furaha API-ga sirta ah read/write ku daadin 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>
	);
}

Waad hadda isticmaali kartaa qaybta Translate meel kasta oo ku jirta codsigaaga si aad u muujiso qoraal turjuman! Hubi inaad eegto dukumiintiyadayada wixii macluumaad dheeraad ah, iyo hagayaasha hirgelinta ee ku habboon qaabeyntaada.

import {Translate} from 'tacotranslate/react';

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

Faa'iidooyinka adeegsiga TacoTranslate

Badbaadinta waqtiga: Waxay si otomaatig ah u qabataa hawsha caajiska ah ee turjumaadda iyo ururinta xargaha, iyadoo kuu badbaadineysa waqti qiimo leh.
Kharash-ku-ool: Waxay yareysaa baahida turjumaadaha gacanta lagu sameeyo, taasoo hoos u dhigaysa kharashaadkaaga turjumaadda.
Saxnaan la hagaajiyey: Turjumaadaha ay taageerto AI-gu waxay damaanad qaadaan natiijooyin macne ahaan sax ah oo tayo sare leh.
Xal la ballaarin karo: Si fudud ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiishaadu kordhaan.

Bilow maanta!

Codsigaaga React si otomaatig ah ayaa loo turjumi doonaa marka aad ku darto xadhig kasta qaybta Translate. Fiiro gaar ah: kaliya deegaanada leh oggolaanshaha read/write ee furaha API-ga ayaa awood u yeelan doona inay abuuraan xadhigyo cusub oo la turjumi doono.

Waxaan kugula talineynaa inaad yeelato deegaan tijaabo oo xiran oo ammaan ah halkaas oo aad ku tijaabin karto codsigaaga wax-soo-saarka, adigoo ku daraya xadhigyo cusub ka hor inta aan la hawlgelin. Tani waxay ka hortagi doontaa in qofna qofna uu xado furahaaga sirta ah ee API-ga, isla markaana ay ka hortagi doonto suurtagalnimada in mashruucaaga turjumaadda uu buuxsamo sababtoo ah lagu daro xadhigyo 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!