TacoTranslate
/
DukumiintiQiimaha
 
Maqaal
04-May-2025

Habaynta luqadda si sahlan loogu sameeyo barnaamijyada React

Ma doonaysaa inaad ballaariso codsigaaga React suuqyo cusub? TacoTranslate waxay si aad ah u fududaynaysaa maxallaynta barnaamijyadaada React, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adoon dhib la kulmin.

Maxaad TacoTranslate ugu dooranaysaa React?

  • Isdhexgal aan kala go' lahayn: Si gaar ah loogu naqshadeeyay codsiyada React, TacoTranslate si sahlan ayuu ugu dhex milmaa hab-socodkaaga jira.
  • Ururinta xargaha otomaatigga ah: Looma baahna in mar dambe si gacanta ah loo maamulo faylasha JSON. TacoTranslate si otomaatig ah ayuu uga ururiyaa xargaha koodhkaaga.
  • Turjumaado ay AI-ku xoojisay: Ka faa’iidayso awoodda AI si aad u bixiso turjumaado si macno ahaan sax ah uguna habboon qaabka codsigaaga.
  • Taageero luqadeed oo degdeg ah: Ku dar taageero luqado cusub hal gujis 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

Marka aad module-ka rakibtay, waxaad u baahan doontaa inaad abuurto xisaab TacoTranslate, mashruuc turjumaad, iyo furayaasha API ee la xiriira. Halkan ka abuur xisaab. Waa bilaash, mana kaa baahan tahay inaad ku darto kaarka deynta.

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 keydin doonaa sidii doorsoomayaasha 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 ku jira xididka mashruucaaga.

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

  • TACOTRANSLATE_DEFAULT_LOCALE: Koodhka degaanka (locale) ee caadiga ah ee dib loogu noqdo. Tusaalahan, waxaan ku dejin doonaa en oo u taagan Ingiriisi.
  • TACOTRANSLATE_ORIGIN: "Folder"-ka meesha xarigyada qoraalkaaga lagu kaydin doono, sida URL-ka boggaaga. Akhri wax dheeraad ah 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

Hubi inaadan waligaa shaacin furaha qarsoon ee API-ga read/write ee deegaanka wax-soo-saarka dhinaca macmiilka.

Dejinta TacoTranslate

Hirgeli 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 barnaamijkaaga ah si aad u muujiso qoraal la turjumay! Hubi inaad eegto dukumentigayaga si aad u hesho macluumaad dheeraad ah iyo hagayaal hirgelin oo ku habboon qaabeyntaada.

import {Translate} from 'tacotranslate/react';

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

Faa'iidooyinka isticmaalka TacoTranslate

  • Waqti badbaadin: Si otomaatig ah ayuu u maamulaa geeddi-socodka caajiska ah ee maxallaynta iyo ururinta xargaha, isagoo kuu badbaadinaya waqti qiimo leh.
  • Kharash-ku-ool: Waxay yareysaa baahida turjumaadaha gacanta lagu sameeyo, taasoo hoos u dhimaysa kharashka maxallaynta.
  • Saxnaan la hagaajiyay: Tarjumaadaha ay taageerto AI-gu waxay xaqiijiyaan natiijooyin macnaha ku habboon oo tayo sare leh.
  • Xal la kordhin karo: Si fudud ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiishaadu ay kordhaan.

Bilow maanta!

Codsigaaga React si otomaatig ah ayaa loo turjumi doonaa markaad qaybta Translate ku darto qoraal kasta. Ogow in kaliya deegaanada leh oggolaanshaha read/write ee furaha API-ga ay awoodi doonaan inay abuuraan qoraallo cusub kuwaasoo la turjumi doono.

Waxaan kugula talineynaa inaad yeelato deegaan tijaabo oo xiran oo ammaansan halkaas oo aad ku tijaabin karto codsigaaga wax-soo-saarka, isla markaana aad ku darto qoraallo cusub ka hor inta aan la sii deyn. Tani waxay ka hortagi doontaa in qof kasta uu xado furahaaga qarsoon ee API-ga, iyo sidoo kale inay suurtogal u noqoto in mashruucaaga turjumaadda si aan loo baahnayn loo ballaariyo iyadoo lagu darayo qoraallo 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!

Alaab ka socota NattskiftetWaxaa laga sameeyay Noorwey