TacoTranslate
/
DokumentazzjoniPrezzijiet
 
Artiklu
Mej 04

L-aqwa soluzzjoni għall-internazzjonalizzazzjoni (i18n) fl-apps ta’ React

Qed tfittex li twessa’ l-applikazzjoni React tiegħek għal swieq ġodda? TacoTranslate jagħmilha faċli ħafna li lokalizza l-apps React tiegħek, u jippermettilek tilħaq udjenza globali mingħajr diffikultà.

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

  • Integrazione Bla Problemi: Iddisinjata speċifikament għal applikazzjonijiet React, TacoTranslate tidħol mingħajr sforz fil-fluss tax-xogħol eżistenti tiegħek.
  • Ġbir Awtomatiku ta’ Stringijiet: M’għadekx bżonn timmaniġġja fajls JSON manwalment. TacoTranslate jiġbor awtomatikament il-stringijiet mill-kodiċi tiegħek.
  • Traduzzjonijiet Bil-qawwa tal-AI: Uża l-qawwa tal-AI biex tipprovdi traduzzjonijiet preċiżi fit-teħid tal-kuntest li jaqblu mat-ton tal-applikazzjoni tiegħek.
  • Appoġġ tal-Lingwa Instantanju: Żid appoġġ għal lingwi ġodda b'klikjatura waħda biss, u agħmel l-applikazzjoni tiegħek aċċessibbli globalment.

Kif jaħdem

Installa l-pakkett TacoTranslate permezz ta’ npm:

npm install tacotranslate

Meta jkollok il-modulu installat, ikollok bżonn toħloq kont TacoTranslate, proġett ta’ traduzzjoni, u ċwievet API assoċjati. Oħloq kont hawn. Huwa b'xejn, u ma jeħtieġlekx iżżid karta ta' kreditu.

Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett, u naviga għat-tab tal-API keys tiegħu. Oħloq waħda read key, u waħda read/write key. Se ninżluhom bħala varjabbli tal-ambjent. Il-key read hija dak li nsejħu public u l-key read/write hija secret. Per eżempju, tista’ żżidhom ma’ file .env fir-root tal-proġett tiegħek.

Ser ikollok bżonn iżżid żewġ varjabbli ambjentali oħra: TACOTRANSLATE_DEFAULT_LOCALE u TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi default tal-lokazzjoni fallback. F’dan l-eżempju, ser inwaħħluh fuq en għall-Ingliż.
  • TACOTRANSLATE_ORIGIN: Il-“folder” fejn ser jinħażnu l-kordijiet tiegħek, bħal l-URL tas-sit tiegħek. Ikkklikkja hawn biex taqra aktar dwar l-origini.
.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 tħallix tilqa’ l-muftieħ read/write API sigriet lill-ambjenti ta’ produzzjoni fit-traf fuq il-klijent.

Twaqqif ta’ TacoTranslate

Ibda TacoTranslate fl-applikazzjoni React tiegħek billi timbotta l-applikazzjoni tiegħek fil-fornitur ta’ kontest 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>
	);
}

Tista’ issa tuża l-komponent Translate kullimkien fil-applikazzjoni tiegħek biex turi test tradott! Kun żgur li tivverifika id-dokumentazzjoni tagħna għal aktar informazzjoni, u għall-gwidi ta’ implimentazzjoni speċifiċi għas-setup tiegħek.

import {Translate} from 'tacotranslate/react';

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

Benefiċji minn użu ta’ TacoTranslate

  • Ħin sparat: Awtomatizza l-proċess tedjanti tal-lokalizzazzjoni u tal-ġbir tal-kordi, li jiffranka ħin prezzjuż.
  • Effiċjenti fil-kost: Inaqqas il-ħtieġa għal traduzzjonijiet manwali, u jagħmel lill-kost tal-lokalizzazzjoni tiegħek aktar baxx.
  • Preċiżjoni aħjar: It-traduzzjonijiet mgħammra bl-AI jiżguraw riżultati preċiżi fil-kuntest u ta’ kwalità għolja.
  • Soluzzjoni skalabbli: Żid faċilment appoġġ għal lingwi ġodda hekk kif l-applikazzjoni u l-bażi ta’ klijenti tiegħek jikbru.

Ibda llum!

L-applikazzjoni React tiegħek se tiġi tradotta awtomatikament meta żżid kwalunkwe stroka ma’ komponent Translate. Innota li biss l-ambjenti b’permessi read/write fuq il-key tal-API se jkunu jistgħu joħolqu stroks ġodda biex jiġu tradotti.

Nissuġġerixxu li jkollok ambjent ta’ staging magħluq u sigur fejn tista’ tittestja l-applikazzjoni tal-produzzjoni tiegħek, iżżid stroks ġodda qabel tmur live. Dan jipprevjeni lil kwalunkwe min milli jisirqilhom il-key sigriet tal-API tiegħek, u potenzjalment jagħmel il-proġett tat-traduzzjoni tiegħek ikbar billi jitħaddmu stroks mhux mixtieqa.

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 fi Norveġa