Xalka ugu wanaagsan ee caalamiyeynta (i18n) ee barnaamijyada React

Ma rabtaa inaad ballaariso app-kaaga React suuqyo cusub? TacoTranslate waxay si aad ah u fududeysaa turjumaadda iyo la-qabsiga codsiyadaada React, taasoo kuu oggolaanaysa inaad si sahlan u gaarto dhagaystayaal caalami ah adigoon dhib kala kulmin.

Waa maxay sababta aad ugu dooran lahayd TacoTranslate ee React?

Isdhexgal aan kala go' lahayn: Loogu talagalay si gaar ah codsiyada React, TacoTranslate wuxuu si fudud ugu dhexgalaa habkaaga shaqo ee hadda jira.
Ururinta xarigga otomaatigga ah: Mar dambe looma baahna in si gacanta ah loo maareeyo faylasha JSON. TacoTranslate si otomaatig ah ayuu uga ururiyaa xarigyada koodhkaaga.
Turjumaado ay awoodsiisay AI: Ka faa'iidayso awoodda AI si aad u hesho turjumaad sax ah oo ku habboon macnaha, isla markaana la jaanqaadaysa codka codsigaaga.
Taageero luqadeed oo degdeg ah: Kaliya hal guji ku dar taageerada luqadaha cusub, taasoo ka dhigaysa codsigaaga mid si caalami ah loo heli karo.

Sida ay u shaqeyso

Ku rakib xirmada TacoTranslate adigoo isticmaalaya npm:

npm install tacotranslate

Markaad moduulka rakibtay, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaal API oo la xiriira. Halkan iska diiwaan geli. Waa bilaash, mana u baahna inaad ku darto kaarka deynta.

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

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

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka caadiga ah ee luqadda la noqdo (fallback). Tusaalahan, waxaan u dejin doonaa en oo u taagan Ingiriisi.
TACOTRANSLATE_ORIGIN: “Folder”-ka meesha xargahaaga lagu kaydin doono, tusaale ahaan 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 shaacin furaha sirta ah ee API-ga read/write ee deegaanada wax-soo-saarka ee dhinaca macmiilka.

Habeynta TacoTranslate

Ku bilow 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 qaybta Translate ku isticmaali kartaa meel kasta oo ka mid ah codsigaaga si aad u soo bandhigto qoraal turjuman! Hubso inaad eegto dukumiintiyadayada 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 fududeeyaa habka caajiska ah ee maxallaynta iyo ururinta xargaha qoraalka, isagoo kuu badbaadinaya waqti qiimo leh.
Waxtar dhaqaale: Yareeya baahida turjumaadaha gacanta lagu sameeyo, hoos u dhigaya kharashka maxallaynta.
Saxnaan la hagaajiyay: Turjumaadaha AI-ku-saleysan waxay xaqiijiyaan natiijooyin macnaha ku habboon oo tayo sare leh.
Xal la balaadhin karo: Si fudud u ku dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiisha ay koraan.

Bilow maanta!

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

Waxaan kugula talineynaa inaad yeelato deegaan tijaabo oo xiran oo ammaansan halkaas oo aad ku tijaabin karto codsigaaga wax-soo-saarka, adigoo ku daraya qoraallo cusub ka hor intaadan hawlgelin. Tani waxay ka hortagi doontaa in qof uu xado furahaaga qarsoon ee API-ga, isla markaana ay ka ilaalin doonto mashruuca turjumaadda inuu buuxsamo 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!