TacoTranslate
/
DokumentazzjoniPrezzijiet
 
Artiklu
04 Mej 2025

L-aħjar soluzzjoni għall-internazzjonalizzazzjoni (i18n) fl-applikazzjonijiet React

Qed tfittex li tespandi l-applikazzjoni React tiegħek għal swieq ġodda? TacoTranslate jagħmilha inkredibilment faċli li lokalizza l-applikazzjonijiet React tiegħek, u jippermettilek tilħaq udjenza globali mingħajr tbatija.

Għaliex tagħżel TacoTranslate għal React?

  • Integrazjoni bla xkiel: Iddisinjat speċifikament għall-applikazzjonijiet React, TacoTranslate jintegra mingħajr sforz fil-fluss tax-xogħol eżistenti tiegħek.
  • Ġbir awtomatiku tat-testi: M'għadux hemm bżonn timmaniġġja fajls JSON b'mod manwali. TacoTranslate jiġbor awtomatikament it-testi mill-bażi tal-kodiċi tiegħek.
  • Traduzzjonijiet imsaħħa bil-AI: Uża s-saħħa tal-AI biex tipprovdi traduzzjonijiet preċiżi skont il-kuntest li jaqblu mat-ton tal-applikazzjoni tiegħek.
  • Appoġġ lingwistiku immedjat: Żid appoġġ għal lingwi ġodda bi klikjatura waħda, u agħmel l-applikazzjoni tiegħek aċċessibbli globalment.

Kif jaħdem

Installa l-pakkett TacoTranslate permezz tal-npm:

npm install tacotranslate

Meta jkollok il-modulu installat, se jkollok bżonn toħloq kont ta' TacoTranslate, proġett ta' traduzzjoni, u ċavetti tal-API assoċjati. Oħloq kont hawn. Huwa b'xejn, u ma jeħtieġx li żżid karta ta' kreditu.

Fil-interface tal-applikazzjoni TacoTranslate, oħloq proġett u imxi lejn il-tab tal-API keys tiegħu. Oħloq ċavetta waħda read u ċavetta waħda read/write. Se nħażnuhom bħala varjabbli tal-ambjent. Iċ-ċavetta read hija dak li nsejħu public u iċ-ċavetta read/write hija secret. Per eżempju, tista' iżżidhom f'fajl .env fil-root tal-proġett tiegħek.

Trid ukoll iżżid żewġ varjabbli ambjentali oħra: TACOTRANSLATE_DEFAULT_LOCALE u TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi tal-lokalità ta' fallback predefinit. F'dan l-eżempju, se nissettjawh għal en għall-Ingliż.
  • TACOTRANSLATE_ORIGIN: Il-“folder” fejn se jinżammu t-testi tiegħek, bħal pereżempju l-URL tal-websajt tiegħek. Aqra aktar dwar l-origini hawn.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Kun żgur li qatt ma tixxef il-muftieħ API sigriet read/write fl-ambjenti ta' produzzjoni fuq in-naħa tal-klijent.

Konfigurazzjoni ta' TacoTranslate

Inizjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tgħattih fil-providur tal-kuntest ta' 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>
	);
}

Issa tista' tuża l-komponent Translate kullimkien fl-applikazzjoni tiegħek biex turi test tradott! Kun żgur li tiċċekkja id-dokumentazzjoni tagħna għal aktar informazzjoni, u għal gwidi ta' implimentazzjoni speċifiċi għall-konfigurazzjoni tiegħek.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Benefiċċji mill-użu ta' TacoTranslate

  • Iffrankar tal-ħin: Awtomattizza l-proċess tedjanti tal-lokalizzazzjoni u tal-ġbir tal-kordi tat-test, u jiffranka l-ħin prezzjuż tiegħek.
  • Kosteffettiv: Jnaqqas il-bżonn għat-traduzzjonijiet manwali, u jnaqqas l-ispejjeż tal-lokalizzazzjoni tiegħek.
  • Akkuratezza mtejjba: It-traduzzjonijiet immexxija mill-AI jiżguraw riżultati preċiżi skont il-kuntest u ta' kwalità għolja.
  • Soluzzjoni skalabbli: Żid faċilment appoġġ għal lingwi ġodda hekk kif l-applikazzjoni u l-bażi tal-klijenti tiegħek jikbru.

Ibda illum!

L-applikazzjoni React tiegħek se tiġi tradotta awtomatikament meta żżid xi stringi f'komponent Translate. Innota li biss l-ambjenti li għandhom permessi read/write fuq iċ-ċavetta tal-API se jkunu jistgħu joħolqu stringi ġodda li se jiġu tradotti.

Nirrakkomandaw li jkollok ambjent ta' staging magħluq u sigur fejn tista' tittestja l-applikazzjoni tal-produzzjoni tiegħek, u żżid stringi ġodda qabel ma tmur live. Dan se jipprevjeni lil ħadd milli jisraq iċ-ċavetta sigrieta tal-API tiegħek, u b'hekk tevita li l-proġett tat-traduzzjoni tiegħek jikber b'mod mhux mixtieq billi jiżdiedu stringi mhux awtorizzati.

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!

Prodott minn NattskiftetMagħmul f'Norveġja