TacoTranslate
/
DukumentiyoQiimaha
 
Maqaal
May 04

Habaynta luqadaha ee barnaamijyada React si sahlan

Ma doonaysaa inaad codsigaaga React ku fidiso suuqyo cusub? TacoTranslate waxay ka dhigaysaa mid aad u fudud in la maxalladeeyo app-yada React, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adigoon dhibaato la kulmin.

Maxaad u dooran lahayd TacoTranslate ee React?

  • Isdhexgal aan kala go' lahayn: Si gaar ah loogu talagalay codsiyada React, TacoTranslate si fudud ayuu ugu dhex milmaa hab-socodkaaga jira.
  • Ururinta xadhkaha si otomaatig ah: Kuma baahnid inaad gacanta ku maamusho faylasha JSON mar kale. TacoTranslate si otomaatig ah ayuu uga soo ururiyaa xadhkaha koodhkaaga.
  • Tarjumaado ay taageerto AI: Ka faa’iidayso awoodda AI si aad u hesho tarjumaado macnaha ku habboon oo sax ah, kana turjumaya qaabka codka ee codsigaaga.
  • Taageero luqadeed oo isla markiiba ah: Ku dar taageero luqado cusub hal guji 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 module-ka rakibtay, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaal API oo la xiriira. Halkan ka abuur akoon. Waa bilaash, mana u baahna inaad kaarka deynta geliso.

Gudaha UI-ga arjiga TacoTranslate, samee mashruuc, ka dibna u gudub tab-ka furayaasha API-ga. Abuuro hal read furaha, iyo hal read/write furaha. Waxaan ku keydin doonaa iyaga sida doorsoomayaasha deegaanka. Furaha read waxa aan ugu yeernaa public halka furaha read/write uu yahay secret. Tusaale ahaan, waxaad ku dari kartaa faylka .env ee xididka mashruucaaga.

Waxaad sidoo kale u baahan doontaa inaad ku darto laba doorsoome deegaan oo dheeri ah: TACOTRANSLATE_DEFAULT_LOCALE iyo TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Koodhka luqadda asalka ah ee loo noqdo (fallback). Tusaalahan, waxaan u dejin doonaa en oo ah Ingiriisi.
  • TACOTRANSLATE_ORIGIN: “gal” meesha xadhkahaaga lagu kaydin doono, sida URL-ka boggaaga. Akhri wax dheeraad ah 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

Ha 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 macnaha 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 waad isticmaali kartaa qaybta Translate meel kasta oo ku jirta codsigaaga si aad u muujiso qoraal la turjumay! Hubso inaad eegto dukumentigayaga si aad u hesho macluumaad dheeraad ah iyo hagitaanno 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

  • Badbaadinta waqtiga: Waxay si otomaatig ah u qabataa habka daalka badan ee turjumaadda iyo ururinta xadhkaha qoraalka, taasoo kaa badbaadineysa waqti qiimo leh.
  • Kharash-ku-ool: Yareeya baahida turjumaadaha gacanta, taasoo hoos u dhigaysa kharashka ku baxa turjumaadda.
  • Saxnaanta oo la hagaajiyey: Turjumaadaha ay awoodsiiso AI-da waxay damaanad qaadaan natiijooyin sax ah oo ku habboon macnaha isla markaana tayo sare leh.
  • Xal si fudud loo balaadhin karo: Si fudud ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiishaagu koraan.

Bilow maanta!

Codsigaaga React si otomaatig ah ayaa loo turjumi doonaa marka aad xarigyo ku darto qaybta Translate. Ogow in kaliya deegaanada leh oggolaanshaha read/write ee furaha API-ga ay awoodi doonaan inay abuuraan xarigyo 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 xarigyo cusub ka hor inta aadan hawlgelin. Tani waxay ka hortagi doontaa in qof kasta qof kasta uu xado furahaaga sirta ah ee API-ga, sidoo kalena waxay ka hortagi doontaa in mashruucaaga turjumaadda uu buuxsamo haddii xarigyo aan la rabin la daro.

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!

Wax soo saar ka socda NattskiftetWaxaa laga sameeyay Noorwey