Xalka ugu fiican ee caalamiyeynta (i18n) ee barnaamijyada React

Ma doonaysaa inaad ballaariso codsigaaga React suuqyo cusub? TacoTranslate waxay ka dhigaysaa mid aad u sahlan in lagu maxalliyo codsiyadaada React, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adigoon dhib la kulmin.

Maxaad u dooran lahayd TacoTranslate ee React?

Isdhexgal aan kala go' lahayn: Loogu talagalay si gaar ah codsiyada React, TacoTranslate si sahlan ayuu ugu dhex milmaa habkaaga shaqo ee hadda jira.
Ururinta xarigyada si otomaatig ah: Kuma sii jirto inaad si gacanta ah u maamusho faylasha JSON. TacoTranslate si otomaatig ah ayuu uga ururiyaa xarigyada koodhkaaga.
Turjumaado kaashanaya AI: Ka faa'iidayso awoodda AI si aad u hesho turjumaado si macnaha guud ahaan u saxsan oo ku habboon laxanka codsigaaga.
Taageero luqadeed oo degdeg ah: Ku dar taageero luqado cusub hal guji kaliya, taasoo ka dhigaysa codsigaaga mid adduunka oo dhan laga heli karo.

Sida ay u shaqeyso

Ku rakib xirmada TacoTranslate adoo adeegsanaya npm:

npm install tacotranslate

Markaad module-ka rakibtay, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumid, iyo furayaasha API-ga ee la xiriira. Halkan iska diiwaangeli. Waa bilaash, uma baahna inaad ku darto kaarka deynta.

Gudaha UI-ga TacoTranslate, abuuro mashruuc una gudub tab-ka furayaasha API. Abuur hal furaha read, iyo hal furaha read/write. Waxaan ku keydin doonaa sida doorsoomayaasha deegaanka. Furaha read waa waxa aan ugu yeerno public, halka furaha read/write uu yahay secret. Tusaale ahaan, waxaad ku dari kartaa faylka .env ee ku yaal 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 deegaanka (locale) ee caadiga ah ee dib loogu laabto. Tusaalahan, waxaan u dejin doonaa en oo u taagan Ingiriisi.
TACOTRANSLATE_ORIGIN: “Galka” meesha erayadaada lagu kaydin doono, sida URL-ka boggaaga. Akhri wax dheeraad ah oo ku saabsan asalada halkan.

.env

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

Hubso inaadan waligaa u daadin furaha sirta ah ee API-ga read/write deegaannada wax-soo-saarka ee dhinaca macmiilka.

Dejinta TacoTranslate

Hawlgeliso TacoTranslate gudaha 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 isticmaali kartaa qaybta Translate meel kasta oo ka mid ah codsigaaga si aad u muujiso qoraal la turjumay! Hubso inaad eegto dukumentigayaga si aad u hesho macluumaad dheeraad ah iyo tilmaamo 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: Wuxuu si otomaatig ah u maamulaa hawsha caajiska ah ee turjumaadda iyo ururinta xarigyada, isagoo kaa badbaadinaya waqti qiimo leh.
Kharash-ku-ool: Yareynaya baahida turjumaadaha gacanta lagu sameeyo, taasoo dhimaysa kharashaadkaaga turjumaadda.
Saxnaan la hagaajiyey: Tarjumadaha ay taageerto AI-gu waxay xaqiijinayaan natiijooyin macnaha ku habboon oo tayo sare leh.
Xal la ballaarin karo: Ku dar taageero luqado cusub si sahlan marka codsigaaga iyo macaamiishaadu korayaan.

Bilow maanta!

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

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 inta aanad hawlgelin. Tani waxay ka hortagi doontaa in qof kasta xado furahaaga sirta ah ee API-ga, sidoo kalena ay ka hortagi doonto in mashruucaaga turjumaadu uu buuxsamo iyadoo 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!