Dejin luqadeed oo sahlan loogu talagalay codsiyada React

Ma rabtaa inaad ballaariso codsigaaga React suuqyo cusub? TacoTranslate waxay ka dhigaysaa mid aad u fudud in barnaamijyadaada React lagu turjumo laguna habeeyo luqado kala duwan, taasoo kuu oggolaanaysa inaad gaarto dhagaystayaal caalami ah adigoon dhib ku qabin.

Maxaad u dooranaysaa TacoTranslate loogu talagalay React?

Isku-dhaf Aan Kala Go' Lahayn: Loo naqshadeeyay si gaar ah barnaamijyada React, TacoTranslate waxay si fudud ugu dhex milantaa habsocodkaaga shaqo ee hadda jira.
Ururinta Xargaha Si Tooska ah: Ha mar dambe si gacanta ah u maamulin faylasha JSON. TacoTranslate si toos ah ayuu uga ururiyaa xargaha koodhkaaga.
Turjumaado Ay Ka Taageerto AI: Ka faa'iidayso awoodda AI si loo bixiyo turjumaado macne ahaan sax ah oo ku habboon laxanka codsigaaga.
Taageero Luuqadeed Deg-deg ah: Kudar taageero luuqado cusub hal gujin 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 rakibtay, waxaad u baahan doontaa inaad abuurto akoon TacoTranslate, mashruuc turjumaad, iyo furayaal API oo la xiriira. Halkan ka samee akoon. Waa bilaash, oo mana u baahna inaad ku darto kaarka deynta.

Gudaha UI-ga TacoTranslate, abuuro mashruuc, oo u gudub tab-ka furayaasha API. Abuur hal read furaha, iyo hal read/write furaha. Waxaan ku keydin doonaa sidii doorsoomayaal deegaanka. Furaha read waxa aan ugu yeernaa 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 oo deegaanka ah: TACOTRANSLATE_DEFAULT_LOCALE iyo TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Koodhka caadiga ah ee luqadda dib loogu laabto. Tusaalahan, waxaan u dejin doonaa en oo ah Ingiriisi.
TACOTRANSLATE_ORIGIN: “galka” meesha xargahaaga qoraalka ah lagu kaydin doono, sida URL‑ka boggaaga. Akhri wax dheeraad ah oo ku saabsan asallada 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 sii dayn furaha API-ga sirta ah read/write ee deegaanka wax-soo-saarka ee dhinaca macmiilka.

Dejinta TacoTranslate

Ku bilow TacoTranslate codsigaaga React adigoo codsigaaga ku duubinaya 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 ku jirta codsigaaga si aad u muujiso qoraallo turjuman! Hubi inaad booqato dukumentigeena wixii macluumaad dheeraad ah iyo hagitaanno ku saabsan 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: Si otomaatig ah ayuu u qabtaa hawsha daalka leh ee dejinta luqadda iyo ururinta xargaha, isagoo kuu badbaadinaya waqti qiimo leh.
Kharash-ku-ool: Yareeya baahida turjumaadaha gacanta, hoos u dhigaya kharashyadaada dejinta luqadda.
Saxnaanta la hagaajiyay: Tarjumaadaha ay taageerto AI-gu waxay xaqiijinayaan natiijooyin macne ahaan u habboon oo tayo sare leh.
Xal la ballaarin karo: Si fudud ugu dar taageero luqado cusub marka codsigaaga iyo saldhigga macaamiisha ay kordhaan.

Bilow maanta!

Barnaamijkaaga React si otomaatig ah ayaa loo turjumi doonaa markaad ku darto xarig kasta qaybta Translate. Ogow in kaliya deegannada leh oggolaanshaha read/write ee furaha API ay awoodi doonaan inay abuuraan xarigyo cusub oo la turjumi doono.

Waxaan kugula talineynaa inaad yeelato deegaan tijaabo oo xirran oo amaan ah halkaas oo aad ku tijaabin karto codsigaaga wax-soo-saarka, adigoo ku daraya xarigyo cusub ka hor inta aan la hawlgelin. Tani waxay ka hortagi doontaa qof kasta qof kasta inuu xado furahaaga sirta ah ee API, isla markaana suurtogal ahaan inay mashruucaaga turjumaadda buuxiso ama ballaariso iyadoo lagu darayo xarigyo 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!