Lokalizzazzjoni mingħajr sforz għal applikazzjonijiet React

Kif jaħdem

Installa l-pakkett TacoTranslate permezz ta' npm:

npm install tacotranslate

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

Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett u mur fit-tab taċ-ċwievet tal-API tiegħu. Oħloq ċavetta read waħda, u read/write oħra. Se ninżluhom bħala varjabbli tal-ambjent. Il-ċavetta read hi dik li nsejħu public u l-ċavetta read/write hi secret. Per eżempju, tista' iżżidhom f'file .env fil-root tal-proġett tiegħek.

Se jkollok bżonn iżżid żewġ variabbli tal-ambjent: TACOTRANSLATE_DEFAULT_LOCALE u TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi tal-lokal li jintuża bħala fallback (default). F’dan l-eżempju, se nissettjawh fuq en għall-Ingliż.
• TACOTRANSLATE_ORIGIN: Il-“folder” fejn se jinżammu l-kliem tiegħek, bħal pereżempju l-URL tal-websajt tiegħek. Aqra aktar dwar l-oriġini hawn.

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 tesponi l-ċavetta sigrieta read/write tal-API fl-ambjenti ta' produzzjoni fuq in-naħa tal-klijent.

Konfigurazzjoni ta' TacoTranslate

Inizjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tpoġġi l-applikazzjoni tiegħek taħt il-fornitur 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! Żgura 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

• Jiffranka l-ħin: Awtomatizza l-proċess tedjanti tal-lokalizzazzjoni u l-ġbir tas-stringijiet, u jiffrankalek ħin prezzjuż.
• Kosteffettiv: Inaqqas il-bżonn ta' traduzzjonijiet manwali, u jnaqqas l-ispejjeż tal-lokalizzazzjoni tiegħek.
• Eżattezza mtejjba: It-traduzzjonijiet bl-intelliġenza artifiċjali jiżguraw riżultati korretti skont il-kuntest u ta' kwalità għolja.
• Soluzzjoni skalabbli: Faċilment iżżid 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 tiġi tradotta awtomatikament meta żżid kwalunkwe stringa ma' komponent Translate. Nota li biss l-ambjenti b'permessi read/write fuq iċ-ċavetta tal-API se jkunu jistgħu joħolqu stringi ġodda li għandhom 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 tmur live. Dan se jipprevjeni lil ħadd ħadd milli jisraq iċ-ċavetta sigrieta tal-API tiegħek, u potenzjalment jespandu b'mod inkontrollat il-proġett tat-traduzzjoni tiegħek billi jżidu 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!