L-aħjar soluzzjoni għall-internazzjonalizzazzjoni (i18n) fl-applikazzjonijiet ta' React

Kif jaħdem

Installa l-pakkett TacoTranslate permezz ta' npm:

npm install tacotranslate

Wara li jkollok il-modulu installat, se jkollok bżonn toħloq kont ta’ TacoTranslate, proġett ta' traduzzjoni, u ċwievet tal-API konnessi. Oħloq kont hawn. Huwa b'xejn, u ma jeħtieġlekx li żżid karta tal-kreditu.

Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett u mur fit-tab tal-API keys tiegħu. Oħloq ċavetta read, u ċavetta oħra read/write. Se inħażżuhom 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-root tal-proġett tiegħek.

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

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

Twaqqif ta' TacoTranslate

Inizjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tpoġġi l-applikazzjoni tiegħek ġewwa l-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 kullimkien fl-applikazzjoni tiegħek biex turi test tradott! Kun ċert 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." />
	);
}

Vantaġġi tal-użu ta' TacoTranslate

• Iffrankar tal-ħin: Jagħmel awtomatiku l-proċess tedjanti tal-lokalizzazzjoni u l-ġbir tas-siltiet, u jfaddlek ħin prezzjuż.
• Ekonomiku: Inaqqas il-bżonn ta' traduzzjonijiet manwali, u jnaqqas l-ispejjeż tal-lokalizzazzjoni tiegħek.
• Akkuratezza mtejba: It-traduzzjonijiet imħaddma bl-AI jiżguraw riżultati preċiżi fil-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 se tiġi tradotta awtomatikament meta żżid kwalunkwe stringa fil-komponent Translate. Nota li biss 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 ma tmur online. Dan se jipprevjeni li xi ħadd xi ħadd jisraq iċ-ċavetta sigrieta tal-API tiegħek, u potenzjalment joħolqu tgħabbija żejda fil-proġett tat-traduzzjoni tiegħek billi jżidu 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!