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 mhux meħtieġ li żżid karta ta' kreditu.

Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett u mur fit-tab tal-API keys tagħha. Oħloq ċavetta read waħda u ċavetta read/write waħda. Se ninżommuhom bħala varjabbli tal-ambjent. Il-ċavetta read hija dak li nsejħu public, u l-ċavetta read/write hija secret. Per eżempju, tista' iżżidhom fil-fajl .env fil-għerq tal-proġett tiegħek.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi tal-lokalità ta' fallback predefinita. F'dan l-eżempju, se nissettjawh għal en għall-Ingliż.
• TACOTRANSLATE_ORIGIN: Il-«folder» fejn se jinżammu s-strings tiegħek, bħal pereżempju l-URL tal-websajt tiegħek. Iktar informazzjoni dwar l-origini 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 tħallix il-miftuħ sigriet tal-API read/write jinxtered fl-ambjenti ta' produzzjoni fuq in-naħa tal-klijent.

Twaqqif ta' TacoTranslate

Initjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tgħatti l-applikazzjoni tiegħek bil-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 kull fejn 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

• Jiffranka ħin: Jottomatizza l-proċess tedjanti tal-lokalizzazzjoni u tal-ġbir tal-kontenut testwali, u jiffranklek ħin prezzjuż.
• Effettiv fl-ispejjeż: Inaqqas il-bżonn ta' traduzzjonijiet manwali, u jnaqqas l-ispejjeż tal-lokalizzazzjoni tiegħek.
• Preċiżjoni mtejjba: It-traduzzjonijiet imħaddma bl-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 llum!

L-applikazzjoni React tiegħek se tittraduċi awtomatikament meta iżżid kwalunkwe stringa f'komponent Translate. Nota li biss l-ambjenti b'permessi read/write fuq iċ-ċavetta tal-API jkunu jistgħu joħolqu stringi ġodda li 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 jipprevjeni li xi ħadd jisraq iċ-ċavetta sigrieta tal-API tiegħek, u potenzjalment jimbotta l-proġett tat-traduzzjoni tiegħek billi iżid 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!