Luqad-siinta fudud ee codsiyada React

Ma doonaysaa inaad ballaariso codsigaaga React suuqyo cusub? TacoTranslate waxay ka dhigeysaa mid aad u fudud in lagu turjumo codsiyadaada React, waxayna kuu oggolaaneysaa inaad gaarto dhagaystayaal caalami ah adigoon dhib badan la kulmin.

Maxay u dooranaysaa TacoTranslate React?

Isdhexgal aan Kala Go' lahayn: Si gaar ah loogu talagalay codsiyada React, TacoTranslate si fudud ayuu ugu dhex milmaa habkaaga shaqo ee hadda jira.
Ururinta Xarafka Si Toos ah: Ma jiro maarayn gacanta ah oo faylasha JSON ah. TacoTranslate si toos ah ayuu uga soo ururiyaa xarafka koodhkaaga.
Tarjumaado AI-ku-salaysan: Ka faa’iidayso awoodda AI si aad u bixiso tarjumaado ku habboon macnaha oo ku habboon codka codsigaaga.
Taageero Luuqad Degdeg ah: Kaliya hal guji ku dar luuqado cusub, 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 akoonto TacoTranslate, mashruuc turjumaad, iyo furayaasha API-ga ee la xiriira. Halkan ka samee akoont. Waa bilaash, waxaana aadan u baahnayn inaad ku darto kaarka deynta.

Gudaha UI-ga TacoTranslate, samee mashruuc, kadibna u gudub tab-ka furayaasha API-ga. Samee hal furaha read ah, iyo hal furaha read/write ah. Waxaan ku keydin doonaa sidii beddelayaasha deegaanka. Furaha read waxaa aynu u yeernaa public halka furaha read/write yahay secret. Tusaale ahaan, waxaad ku dari kartaa fayl .env ah oo ku yaalla xididka mashruucaaga.

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

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka luqadda asalka ah ee defaultka ah. Tusaalahan, waxaan u dejin doonaa en oo ah Ingiriis.
TACOTRANSLATE_ORIGIN: "Folder"-ka halkaas oo xarriiqahaaga lagu keydin doono, sida URL-ka boggaaga internetka. Halkan ka akhri wax dheeraad ah oo ku saabsan asalka.

.env

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

Hubi inaad marna faafin sirta ah ee read/write API key-ga deegaanka wax-soo-saarka dhinaca macaamiisha.

Sida loo dejiyo TacoTranslate

Ku bilow TacoTranslate codsigaaga React adigoo ku xeeraya 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 soo bandhigto qoraal turjuman! Hubi inaad eegto dukumiintiyadeena wixii macluumaad dheeraad ah, iyo sidoo kale hagayaasha hirgelinta ee gaarka ah ee qaabkaaga.

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 qabtaa habka caajiska leh ee tarjumaadda iyo ururinta xarafyada, isagoo kuu badbaadinaya waqti qiimo leh.
Kharash-ku-ool ah: Yareeyaa baahida tarjumaadaha gacanta, hoos u dhigaya kharashaadkaaga tarjumaadda.
Saxnaan La Hagaajiyay: Tarjumaadaha awoodda AI waxay hubiyaan natiijooyin sax ah oo tayo sare leh oo ku habboon macnaha.
Xalka Balaadhan: Si fudud uga taageer luqadaha cusub marka codsigaaga iyo macaamiishaadu sii kordhaan.

Bilow maanta!

Codsigaaga React si toos ah ayaa loo turjumi doonaa markaad ku darto xarfo kasta oo ku jira qaybta Translate. Ogeysiis in kaliya deegaanada leh rukhsadaha read/write(akhris/qoris) ee furaha API-ga ay awoodi doonaan inay abuuraan xarfo cusub oo la turjumo.

Waxaan kugula talineynaa inaad hesho deegaan xiran oo ammaan ah oo staging ah halkaas oo aad ku tijaabin karto codsigaaga wax soo saarka, adigoo ku dartaya xarfo cusub ka hor intaadan hawlgelin. Tani waxay ka hortagi doontaa in qof kasta uu xado furahaaga sirta ah ee API-ga, isla markaana ay suurtoobi karto in mashruucaaga turjumaadda uu buuxsamo 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!