Luqayn fudud oo loogu talagalay barnaamijyada React

Ma rabtaa inaad ballaariso codsigaaga React una gasho suuqyo cusub? TacoTranslate waxay si aad u fudud uga dhigaysaa in codsiyadaada React lagu turjumo laguna habeeyo luqado kala duwan, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adigoon dhib la kulmin.

Maxaad TacoTranslate ugu dooran lahayd React?

Isdhexgal aan kala go' lahayn: Loogu talagalay si gaar ah codsiyada React, TacoTranslate waxay si sahlan ugu dhexgashaa hab-socodkaaga shaqo ee hadda jira.
Ururinta xarigyada si otomaatig ah: Mar dambe uma baahnid inaad si gacanta ah u maamusho faylasha JSON. TacoTranslate si otomaatig ah ayuu uga ururiyaa xarigyada koodhkaaga.
Turjumaado ay AI awood siiso: Ka faa'iidayso awoodda AI si aad u hesho turjumaado si macnaha u sax ah oo ku habboon qaabka codsigaaga.
Taageero Luuqadeed Degdeg ah: Kudar taageero luqado cusub hal gujin kaliya, taasoo ka dhigaysa codsigaaga mid si caalami ah lagu heli karo.

Sida ay u shaqeyso

Ku rakib xirmada TacoTranslate adigoo adeegsanaya npm:

npm install tacotranslate

Markaad module-ka rakibtay, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate ah, mashruuc turjumaad, iyo furayaal API oo la xiriira. Halkan ka samee akoon. Waa bilaash, oo ma u baahna inaad ku darto kaarka deynta.

Gudaha UI-ga TacoTranslate, abuuro mashruuc, ka dibna u gudub tab-ka furayaasha API-ga. Samee hal furaha read iyo hal furaha read/write. Waxaan ku keydin doonaa sida beddelayaasha deegaanka. Furaha read waa waxa aan ugu yeerno 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 deegaan oo dheeraad ah: TACOTRANSLATE_DEFAULT_LOCALE iyo TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka degaanka ee caadiga ah ee la isticmaalo marka mid kale uusan jirin. Tusaalahan, waxaan u dejin doonaa en (Ingiriisi).
TACOTRANSLATE_ORIGIN: “Galka” ay ku kaydsan doonaan xarigahaaga, 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

Hubi inaadan waligaa daadinin furaha sirta ah ee API-ga read/write ee deegaanada wax-soo-saarka ee dhinaca macmiilka.

Dejinta TacoTranslate

Hawl geli TacoTranslate codsigaaga React adigoo barnaamijkaaga 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 waad isticmaali kartaa qaybta Translate meel kasta oo ka mid ah codsigaaga si aad u muujiso qoraal la turjumay! Hubi inaad eegto dukumentigayaga wixii macluumaad dheeraad ah iyo hagayaasha hirgelinta ee ku habboon dejintaada.

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 habka daalka badan ee turjumaadda iyo ururinta xargaha, isagoo kuu badbaadinaya waqti qiimo leh.
Waxtar dhaqaale: Wuxuu yareeyaa baahida turjumaadaha gacanta lagu sameeyo, isagoo hoos u dhigaya kharashaadka turjumaadda.
Saxnaan la hagaajiyay: Tarjumaadaha ay taageerto AI-gu waxay xaqiijiyaan natiijooyin sax ah oo ku habboon macnaha iyo tayo sare leh.
Xal la ballaarin karo: Si sahlan ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiisha ay korodho.

Bilow maanta!

Codsigaaga React waxaa si otomaatig ah loo turjumi doonaa markaad qaybta Translate ku darto xadhig kasta. Fiiro gaar ah: kaliya deegaanada leh oggolaanshaha read/write ee furaha API-ga ayaa awoodi 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 intaadan si rasmi ah u hawlgelin. Tani waxay ka hortagi doontaa in qof qof uu xado furahaaga sirta ah ee API-ga, iyo sidoo kale in mashruucaaga turjumaadda si aan loo baahnayn u buuxsamo iyada oo lagu darayo 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!