La-qabsiga luqadda ee sahlan ee barnaamijyada React

Ma rabtaa inaad codsigaaga React u fidiso suuqyo cusub? TacoTranslate waxay aad u fududaynaysaa habeynta luqadaha ee codsiyada React, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adoon dhib la kulmin.

Maxaad u dooran lahayd TacoTranslate ee React?

Isku-dhexgal aan kala go' lahayn: Loogu talagalay si gaar ah barnaamijyada React, TacoTranslate waxay si sahlan uga dhex milmaysaa habkaaga shaqo ee hadda jira.
Ururinta qoraallada si otomaatig ah: Ma u baahnid inaad markale faylasha JSON gacanta ku maamusho. TacoTranslate wuxuu si otomaatig ah uga soo aruurinayaa qoraallada kaydkaaga koodhka.
Turjumaado ku salaysan AI: Ka faa'iidayso awoodda AI si aad u hesho turjumaado si macnaha u saxsan oo u waafaqsan laxanka barnaamijkaaga.
Taageero luqadeed degdeg ah: Ku dar taageero luqado cusub hal gujis kaliya, taasoo ka dhigaysa barnaamijkaaga 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 rakibto, waxaad u baahan doontaa inaad abuurto akoonka TacoTranslate, mashruuc tarjumid, iyo furayaasha API-ga ee la xiriira. Halkan ka samee akoon. Waa bilaash, mana ku baahnid inaad geliso kaarka deynta.

Gudaha is-dhexgalka (UI) ee TacoTranslate, abuur mashruuc, kadibna u gudub tabka furayaasha API-ga. Abuuri hal read fure, iyo hal read/write fure. Waxaan ku kaydin doonaa iyaga sida doorsoomayaasha deegaanka. Furaha read waa waxa aan ugu yeerno public iyo furaha read/write waa secret. Tusaale ahaan, waad ku dari kartaa faylka .env ee xididka mashruucaaga.

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

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka luqadda caadiga ah ee lagu soo noqdo. Tusaalahan, waxaan u dejin doonaa en oo loogu talagalay Ingiriisiga.
TACOTRANSLATE_ORIGIN: “Gal” meesha xargahaaga lagu kaydin doono, tusaale ahaan URL-ka mareegtaada. Halkan ka akhri wax dheeraad ah oo ku saabsan asalaha.

.env

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

Hubi inaadan waligaa furaha sirta ah read/write ee API-ga u daadin deegaanka wax-soo-saarka ee dhinaca macaamiisha.

Dejinta TacoTranslate

Ku bilow TacoTranslate codsigaaga React adigoo codsigaaga ku dhex duubaya 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 ka mid ah codsigaaga si aad u muujiso qoraal la turjumay! Hubso inaad eegto dukumentiyadeena si aad u hesho 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 isticmaalka TacoTranslate

Waqti badbaadin: Wuxuu otomaatig ka dhigaa hawsha daalaysa ee turjumaadda iyo uruurinta xarigyada, isagoo kaa badbaadinaya waqti qiimo leh.
Waxtar dhaqaale: Waxay yaraysaa baahida turjumaadaha gacanta, taasoo hoos u dhigaysa kharashkaaga turjumaadda.
Saxnaan la hagaajiyey: Turjumaadaha ay awood siiso AI-ga waxay hubiyaan in natiijooyinku yihiin kuwo macnaha ku habboon oo tayo sare leh.
Xal la balaadhin karo: Si fudud ugu dar taageero luqado cusub marka codsigaaga iyo macaamiishaadu kordhaan.

Bilow maanta!

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

Waxaan kugula talineynaa inaad yeelato deegaan tijaabo oo xiran oo ammaan ah si aad u tijaabiso codsigaaga wax-soo-saarka, adigoo ku daraya xadhigyo cusub ka hor intaadan hawlgelin. Tani waxay ka hortagi doontaa in qof kasta qof kasta uu xado furahaaga qarsoodiga ah ee API-ga, sidoo kale waxay yareyn doontaa suurtagalnimada in mashruucaaga turjumaadda lagu buuxiyo 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!