Lokalizzazzjoni mingħajr sforz għall-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 ta' kreditu.

Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett u mur lejn it-tab tal-muftieħiet tal-API. Oħloq wieħed read u wieħed read/write. Se naħżnuhom bħala varjabbli tal-ambjent. Il-muftieħ read huwa dak li nsejħu public u l-muftieħ read/write huwa secret. Per eżempju, tista' iżżidhom f'fajl .env fil-għerq tal-proġett tiegħek.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Il-kodiċi tal-lokal ta' fallback predefinit. 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ħal l-URL tal-websajt 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 tirrilaxxa l-ċavetta API sigrieta read/write fl-ambjenti tal-produzzjoni fuq in-naħa tal-klijent.

Konfigurazzjoni ta' TacoTranslate

Inizjalizza TacoTranslate fl-applikazzjoni React tiegħek billi tgħatti l-applikazzjoni tiegħek bil-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 fi kwalunkwe parti tal-applikazzjoni tiegħek biex turi test tradott! Kun żgur li tiċċekkja d-dokumentazzjoni tagħna għal aktar informazzjoni, u għal gwidi dwar l-implimentazzjoni skont il-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: Jiautomatizza l-proċess tedjanti tal-lokalizzazzjoni u l-ġbir tal-kontenut tat-test, u jiffrankalek ħin prezzjuż.
• Kost-effettiv: Inaqqas il-ħtieġa għal traduzzjonijiet manwali, u b'hekk itnaqqas il-kostijiet tal-lokalizzazzjoni tiegħek.
• Preċiżjoni mtejba: Traduzzjonijiet immexxija mill-AI jiżguraw riżultati li huma preċiżi skont il-kuntest u ta' kwalità għolja.
• Soluzzjoni skalabbli: Faċilment ż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 stringa ma' komponent Translate. Innota li biss l-ambjenti b'permessi read/write fuq iċ-ċavetta tal-API se jkunu jistgħu joħolqu strings ġodda li għandhom jiġu tradotti.

Nirrakkomandaw li jkollok ambjent ta' staging magħluq u protett fejn tista' tittestja l-applikazzjoni tal-produzzjoni tiegħek u iżżid strings ġodda qabel tmur live. Dan se jipprevjeni lil xi ħadd milli jisraq iċ-ċavetta sigrieta tal-API tiegħek, u potenzjalment jimbotta l-proġett tat-traduzzjoni tiegħek billi jżid strings 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!