Xalka ugu fiican ee caalamiyeynta (i18n) ee barnaamijyada React

Ma doonaysaa inaad codsigaaga React u ballaariso suuqyo cusub? TacoTranslate waxay ka dhigaysaa mid aad u fudud in codsiyadaada React lagu turjumo laguna waafajiyo suuqyo kala duwan, taasoo kuu suurta gelinaysa inaad gaarto dhagaystayaal caalami ah adoon dhibaato la kulmin.

Maxaad u dooran lahayd TacoTranslate ee React?

Isku-xirnaan aan kala go' lahayn: Loogu talagalay si gaar ah codsiyada React, TacoTranslate si fudud ayuu ugu dhex milmaa hab-socodkaaga hadda jira.
Ururinta Weedhaha Si Toos ah: Uma baahnid inaad faylasha JSON si gacanta ah u maamusho mar dambe. TacoTranslate si otomaatig ah ayuu uga ururiyaa weedhaha kaydkaaga koodhka.
Tarjumaado ay AI-ku Xoojisay: Ka faa'iidayso awoodda AI si ay u bixiso tarjumaado macno ahaan sax ah oo ku habboon codka arjigaaga.
Taageero Luqadeed Degdeg ah: Ku dar taageero luqado cusub hal gujis oo kaliya, taasoo ka dhigaysa codsigaaga mid si caalami ah loo heli karo.

Sida ay u shaqeyso

Ku rakib xirmada TacoTranslate adigoo adeegsanaya npm:

npm install tacotranslate

Markaad module-ka rakibto, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaasha API-ga ee la xiriira. Halkan ka abuuro akoon. Waa bilaash, waxaana uma baahna inaad ku darto kaarka deynta.

Gudaha is-dhexgalka (UI) ee TacoTranslate, abuuro mashruuc, ka dibna u gudub tab-ka furayaasha API-ga. Abuur hal furaha read iyo hal furaha read/write. Waxaan ku keydin doonaa iyaga sidii doorsoomayaal deegaanka. Furaha read waa waxa aan ugu yeerno public halka furaha read/write uu yahay secret. Tusaale ahaan, waxaad ku dari kartaa fayl .env oo ku jira xididka mashruucaaga.

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

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka goob-luqadeedka caadiga ah (fallback). Tusaale ahaan, waxaan u dejin doonaa en oo ah Ingiriisi.
TACOTRANSLATE_ORIGIN: “folder”-ka meesha qoraalladaada lagu kaydin doono, sida URL-ka websaydhkaaga. 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 sirta ah ee furaha API-ga read/write u daadin deegaannada wax-soo-saarka ee dhinaca macmiilka.

Dejinta TacoTranslate

Ku billow TacoTranslate barnaamijkaaga React adigoo barnaamijkaaga ku duubinaya bixiyaha macnaha (context provider) 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! Hubso inaad eegto dukumentigayaga wixii 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

Waqti badbaadin: Si otomaatig ah ayuu u qabtaa hawsha caajiska ah ee lokaleynta iyo ururinta xarigyada qoraalka, isagoo kuu badbaadinaya waqti qiimo leh.
Kharash-ku-ool: Waxay yaraynaysaa baahida turjumaadaha gacanta lagu sameeyo, taasoo hoos u dhigaysa kharashka lokaleyntaada.
Saxnaan la hagaajiyay: Turjumaadaha ay taageerto AI-gu waxay hubiyaan natiijooyin macnaha ku habboon oo tayo sare leh.
Xalka la balaadhi karo: Si sahlan ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiisha ay kordhaan.

Bilow maanta!

Codsigaaga React si otomaatig ah ayaa loo turjumi doonaa markaad qaybta Translate ku darto xadhkaha. Ogow in kaliya deegaanada leh oggolaanshaha read/write ee furaha API ay awoodi doonaan inay abuuraan xadhkaha cusub ee 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 xadhkaha cusub ka hor intaadan hawlgelin. Taasi waxay ka hortagi doontaa in qof kasta qof kasta uu xado furahaaga qarsoon ee API, sidoo kale waxay ka hortagi kartaa in mashruucaaga turjumaadda uu buuxsamo iyadoo lagu darayo xadhkaha 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!