L-aqwa soluzzjoni għall-internazzjonalizzazzjoni (i18n) fl-apps ta’ React
Qed tfittex li twessa’ l-applikazzjoni React tiegħek għal swieq ġodda? TacoTranslate jagħmilha faċli ħafna li lokalizza l-apps React tiegħek, u jippermettilek tilħaq udjenza globali mingħajr diffikultà.
Għaliex tagħżel TacoTranslate għal React?
- Integrazione Bla Problemi: Iddisinjata speċifikament għal applikazzjonijiet React, TacoTranslate tidħol mingħajr sforz fil-fluss tax-xogħol eżistenti tiegħek.
- Ġbir Awtomatiku ta’ Stringijiet: M’għadekx bżonn timmaniġġja fajls JSON manwalment. TacoTranslate jiġbor awtomatikament il-stringijiet mill-kodiċi tiegħek.
- Traduzzjonijiet Bil-qawwa tal-AI: Uża l-qawwa tal-AI biex tipprovdi traduzzjonijiet preċiżi fit-teħid tal-kuntest li jaqblu mat-ton tal-applikazzjoni tiegħek.
- Appoġġ tal-Lingwa Instantanju: Żid appoġġ għal lingwi ġodda b'klikjatura waħda biss, u agħmel l-applikazzjoni tiegħek aċċessibbli globalment.
Kif jaħdem
Installa l-pakkett TacoTranslate permezz ta’ npm:
npm install tacotranslate
Meta jkollok il-modulu installat, ikollok bżonn toħloq kont TacoTranslate, proġett ta’ traduzzjoni, u ċwievet API assoċjati. Oħloq kont hawn. Huwa b'xejn, u ma jeħtieġlekx iżżid karta ta' kreditu.
Fil-UI tal-applikazzjoni TacoTranslate, oħloq proġett, u naviga għat-tab tal-API keys tiegħu. Oħloq waħda read
key, u waħda read/write
key. Se ninżluhom bħala varjabbli tal-ambjent. Il-key read
hija dak li nsejħu public
u l-key read/write
hija secret
. Per eżempju, tista’ żżidhom ma’ file .env
fir-root tal-proġett tiegħek.
Ser ikollok bżonn iżżid żewġ varjabbli ambjentali oħra: TACOTRANSLATE_DEFAULT_LOCALE
u TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: Il-kodiċi default tal-lokazzjoni fallback. F’dan l-eżempju, ser inwaħħluh fuqen
għall-Ingliż.TACOTRANSLATE_ORIGIN
: Il-“folder” fejn ser jinħażnu l-kordijiet tiegħek, bħal l-URL tas-sit tiegħek. Ikkklikkja hawn biex taqra aktar dwar l-origini.
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 tilqa’ l-muftieħ read/write
API sigriet lill-ambjenti ta’ produzzjoni fit-traf fuq il-klijent.
Twaqqif ta’ TacoTranslate
Ibda TacoTranslate fl-applikazzjoni React tiegħek billi timbotta l-applikazzjoni tiegħek fil-fornitur ta’ kontest 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>
);
}
Tista’ issa tuża l-komponent Translate
kullimkien fil-applikazzjoni tiegħek biex turi test tradott! Kun żgur li tivverifika id-dokumentazzjoni tagħna għal aktar informazzjoni, u għall-gwidi ta’ implimentazzjoni speċifiċi għas-setup tiegħek.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}
Benefiċji minn użu ta’ TacoTranslate
- Ħin sparat: Awtomatizza l-proċess tedjanti tal-lokalizzazzjoni u tal-ġbir tal-kordi, li jiffranka ħin prezzjuż.
- Effiċjenti fil-kost: Inaqqas il-ħtieġa għal traduzzjonijiet manwali, u jagħmel lill-kost tal-lokalizzazzjoni tiegħek aktar baxx.
- Preċiżjoni aħjar: It-traduzzjonijiet mgħammra bl-AI jiżguraw riżultati preċiżi fil-kuntest u ta’ kwalità għolja.
- Soluzzjoni skalabbli: Żid faċilment appoġġ għal lingwi ġodda hekk kif l-applikazzjoni u l-bażi ta’ klijenti tiegħek jikbru.
Ibda llum!
L-applikazzjoni React tiegħek se tiġi tradotta awtomatikament meta żżid kwalunkwe stroka ma’ komponent Translate
. Innota li biss l-ambjenti b’permessi read/write
fuq il-key tal-API se jkunu jistgħu joħolqu stroks ġodda biex jiġu tradotti.
Nissuġġerixxu li jkollok ambjent ta’ staging magħluq u sigur fejn tista’ tittestja l-applikazzjoni tal-produzzjoni tiegħek, iżżid stroks ġodda qabel tmur live. Dan jipprevjeni lil kwalunkwe min milli jisirqilhom il-key sigriet tal-API tiegħek, u potenzjalment jagħmel il-proġett tat-traduzzjoni tiegħek ikbar billi jitħaddmu stroks 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!