Lokaliżazzjoni mingħajr sforz għal applikazzjonijiet React

Kif taħdem

Installa l-pakkett TacoTranslate permezz ta’ npm:

npm install tacotranslate

Meta tkun installajt il-modulu, tkun trid toħloq kont f’TacoTranslate, proġett ta’ traduzzjoni, u ċwievet API assoċjati. Oħloq kont hawn. Huwa b'xejn, u m’għandekx bżonn iżżid karta ta’ kreditu.

Within the TacoTranslate application UI, oħloq proġett, u mur fit-tab tal-API keys tiegħu. Oħloq waħda read key, u waħda read/write key. Se niessegwuhom bħala varjabbli ta’ ambjent. Il-key read huwa dak li nsejħu public u l-key read/write huwa secret. Per eżempju, tista’ żżidhom f’fajl .env fil-wiċċ tal-proġett tiegħek.

Għandek ukoll bżonn iżżid żewġ varjabbli ta’ ambjent oħra: TACOTRANSLATE_DEFAULT_LOCALE u TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi default għall-lokal fallback. F'dan l-eżempju, se nakkwistawh għal en għall-Ingliż.
• TACOTRANSLATE_ORIGIN: Il-“folder” fejn jiġu maħżuna l-kordi tiegħek, bħal URL tas-sit elettroniku 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 taqsam il-*** read/write *** API key sigriet ma' ambjenti ta' produzzjoni fuq il-klijent.

Twaqqif ta’ TacoTranslate

Ibda TacoTranslate fl-applikazzjoni React tiegħek billi ddawwar l-applikazzjoni tiegħek fil-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 kull fejn fil-applikazzjoni tiegħek biex turi test tradott! Kun żgur li tħares lejn 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

• Ħin ta' tiffrankar: Awtomatizza l-proċess tedjanti tal-lokalizzazzjoni u l-ġbir tas-sninjiet, tiffranka ħin prezzjuż għalik.
• Effettività fil-kost: Tnaqqas il-bżonn ta' traduzzjonijiet manwali, u tnaqqas il-ispejjeż tal-lokalizzazzjoni tiegħek.
• Preċiżjoni mtejba: Traduzzjonijiet imsaħħa minn 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 ta' klijenti tiegħek tikber.

Ibda llum!

L-applikazzjoni React tiegħek titratta awtomatikament meta żżid kwalunkwe strozzatura f’komponent Translate. Innota li biss l-ambjenti b’permessi read/write fuq il-key API jkunu jistgħu joħolqu strozzaturi ġodda biex jiġu tradotti.

Nirrakkomandaw li jkollok ambjent ta’ staging magħluq u sigur fejn tista’ tittestja l-applikazzjoni tal-produzzjoni tiegħek, iżżid strozzaturi ġodda qabel ma tmur live. Dan se jipprevjeni lil ħadd milli jġorr il-key API sigriet tiegħek, u potenzjalment jwebbes il-proġett tat-traduzzjoni tiegħek billi żżid strozzaturi mhux mixtieqa.

Kun żgur li tiċċekkja l-eżempji kompleti fil-profil tagħna fuq GitHub. Jekk tinqabad f’xi problemi, tħossok liberu li tikkuntattjana, u nkunu kuntenti ħafna biex ngħinuk.

TacoTranslate jippermettilek li tlocalizza awtomatikament l-applikazzjonijiet React tiegħek malajr u minn kwalunkwe lingwa. Ittraduċi ħieles!