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ġx li żżid karta tal-kreditu.

Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett u imxi lejn it-tab tal-API keys tagħha. Oħloq ċavetta read waħda, u ċavetta read/write waħda. Se nsalvawhom bħala varjabbli tal-ambjent. Ċavetta read hija dak li nsejħu public u ċavetta read/write hija secret. Per eżempju, tista' iżżidhom f'file .env fil-root tal-proġett tiegħek.

Se jkollok bżonn iżżid żewġ varjabbli tal-ambjent oħra: TACOTRANSLATE_DEFAULT_LOCALE u TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi tal-lokal fallback default. F'dan l-eżempju, se nissettjawh għal en għall-Ingliż.
• TACOTRANSLATE_ORIGIN: Il “folder” fejn se jinżammu l-strings tiegħek, bħall-URL tas-sit web tiegħek. Aqra iktar 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 taqsam il-ċavetta sigrieta tal-API read/write ma' ambjenti ta' produzzjoni fuq in-naħa tal-klijent.

Twaqqif ta' TacoTranslate

Inizjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tmexxi 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! 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 tal-użu ta' TacoTranslate

• Jiffranka l-ħin: Awtomatizza l-proċess tedjanti tal-lokalizzazzjoni u l-ġbir tal-kontenut testwali, u jiffranka l-ħin prezzjuż tiegħek.
• Kosteffettiv: Inaqqas il-bżonn ta' traduzzjonijiet manwali, u b'hekk jnaqqas l-ispejjeż tiegħek għall-lokalizzazzjoni.
• Preċiżjoni mtejba: It-traduzzjonijiet imsaħħaħin bl-AI jiżguraw riżultati eżatti 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 llum!

L-applikazzjoni React tiegħek se tittraduċi awtomatikament meta żżid kwalunkwe tekst 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 testi ġodda li jittraduċu.

Nirrakkomandaw li jkollok ambjent ta' staging magħluq u protett fejn tista' tittestja l-applikazzjoni tal-produzzjoni tiegħek u żżid testi ġodda qabel ma toħroġ online. Dan se jipprevjeni lil kull min milli jisraq iċ-ċavetta sigrieta tal-API tiegħek, u potenzjalment milli jżid b'mod eċċessiv il-proġett tat-traduzzjoni tiegħek billi jżid strings 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!