L-aħjar soluzzjoni għall-internazzjonalizzazzjoni (i18n) fl-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 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 mur fit-tab tal-API keys tiegħu. Oħloq waħda read ċavetta, u waħda read/write ċavetta. Se nħażnuhom bħala varjabbli tal-ambjent. Iċ-ċavetta read hija dik 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.

Ser ikollok bżonn iżżid ukoll żewġ varjabbli tal-ambjent: TACOTRANSLATE_DEFAULT_LOCALE u TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi tal-lokalità ta' fallback predefinit. F'dan l-eżempju, se nissettjawh bħala en għall-Ingliż.
• TACOTRANSLATE_ORIGIN: Il-«folder» fejn jinżammu s-strings tiegħek, bħal pereżempju l-URL tas-sit web 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 tixxerra iċ-ċavetta sigrieta tal-API read/write fl-ambjenti tal-produzzjoni fuq in-naħa tal-klijent.

Issettjar ta' TacoTranslate

Inizjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tgħattiha fil-provider 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 f'kull parti tal-applikazzjoni tiegħek biex turi test tradott! Żur id-dokumentazzjoni tagħna għal aktar informazzjoni u għal gwidi ta' implimentazzjoni speċifiċi għall-issettjar 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 ta' ħin: Jitwettaq awtomatikament il-proċess tedjanti tal-lokalizzazzjoni u l-ġbir tal-strings, u jiffranka l-ħin prezzjuż tiegħek.
• Kosteffettiv: Jnaqqas il-bżonn ta' traduzzjonijiet manwali, u b'hekk inaqqas il-kosti tal-lokalizzazzjoni tiegħek.
• Eżattezza mtejba: It-traduzzjonijiet immexxija mill-AI jiżguraw riżultati preċiżi skont il-kuntest u ta' kwalità għolja.
• Soluzzjoni skalabbli: Żid b'mod faċli appoġġ għal lingwi ġodda hekk kif l-applikazzjoni u l-bażi tal-klijenti tiegħek jikbru.

Ibda llum!

L-applikazzjoni React tiegħek tiġi tradotta awtomatikament meta żżid kwalunkwe stringi f'komponent Translate. Innota li biss l-ambjenti b'permessi read/write fuq il-API key ikunu jistgħu joħolqu stringi ġodda għat-traduzzjoni.

Nirrakkomandaw li jkollok ambjent ta' staging magħluq u sigur fejn tista' tittestja l-applikazzjoni tiegħek tal-produzzjoni u żżid stringi ġodda qabel tmur online. Dan se jipprevjeni lil ħadd milli jisraq il-API key sigriet tiegħek, u potenzjalment jimbotta l-proġett tat-traduzzjoni tiegħek billi jżid stringi 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!