L-aqwa soluzzjoni għall-internazzjonalizzazzjoni (i18n) fl-apps React
Qed tfittex li tespandi l-applikazzjoni React tiegħek għal swieq ġodda? TacoTranslate jagħmilha faċli ħafna li lokalizza l-applikazzjonijiet React tiegħek, u jippermettulek tilħaq udjenza globali mingħajr ħruġ.
Għaliex tagħżel TacoTranslate għal React?
- Integrazjoni bla xkiel: Iddisinjat speċifikament għal applikazzjonijiet React, TacoTranslate jintegra faċilment fil-fluss tax-xogħol eżistenti tiegħek.
- Ġbir awtomatiku ta’ strings: Ittri JSON mhumiex meħtieġa aktar. TacoTranslate jiġbor strings awtomatikament mill-kodiċi tiegħek.
- Traduzzjonijiet bl-għajnuna tal-AI: Uża s-saħħa tal-AI biex tipprovdi traduzzjonijiet preċiżi skond il-kuntest li jaqblu mat-ton tal-applikazzjoni tiegħek.
- Appoġġ immedjat għall-lingwi: Żid appoġġ għal lingwi ġodda biss b’click waħdu, u għamilha aċċessibbli globalment.
Kif taħdem
Installa l-pakkett TacoTranslate permezz ta’ npm:
npm install tacotranslate
Meta jkollok il-modulu installat, ikollok bżonn toħloq kont ta’ TacoTranslate, proġett tat-traduzzjoni, u ċwievet API assoċjati. Oħloq kont hawn. Huwa ħieles, u ma jeħtieġlekx iżżid karta ta’ kreditu.
Dentro l-UI tal-applikazzjoni TacoTranslate, oħloq proġett u naviga għat-tab tal-ċwievet API tiegħu. Oħloq waħda read
ċavetta, u waħda read/write
ċavetta. Se nassumu dawn bħala varjabbli tal-ambjent. Iċ-ċavetta read
hija dak li nissejħu public
u ċ-ċavetta read/write
hija secret
. Per eżempju, tista' żżidhom f’fajl .env
fir-root tal-proġett tiegħek.
Int għandek ukoll iżżid żewġ varjabbli tal-ambjent oħra: TACOTRANSLATE_DEFAULT_LOCALE
u TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: Il-kodiċi default tal-lingwa li taqa’ bħala fallback. F'dan l-eżempju, se nissettjawh għalen
għall-Ingliż.TACOTRANSLATE_ORIGIN
: Il-“folder” fejn se jittieħdu l-kordi tiegħek, bħal 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 tnixxi l-miftuħ sekret read/write
tal-API għal ambjenti ta’ produzzjoni fuq in-naħa tal-klijent.
Twaqqif ta’ TacoTranslate
Ibda TacoTranslate fl-applikazzjoni React tiegħek billi għattas 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
kullimkien fil-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’ impjement speċifiċi għas-settings 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
- Ħin iffrankar: Awtomatizza l-proċess tedjuż ta’ lokalizzazzjoni u ġbir ta’ strings, tiffranka ħin prezzjuż għalik.
- Effettiv mill-ispejjeż: Jnaqqas il-ħtieġa ta’ traduzzjonijiet manwali, jillimita l-ispejjeż tal-lokalizzazzjoni tiegħek.
- Preċiżjoni mtejba: Traduzzjonijiet imsaħħa b’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 tikbru.
Ibda llum!
L-applikazzjoni React tiegħek tkun tradotta awtomatikament meta żżid kwalunkwe katina ma' komponent Translate
. Nota li biss l-ambjenti bi permessi read/write
fuq il-API key jkun jistgħu joħolqu katini ġodda biex jittraduċu.
Nissuġġerixxu li jkollok ambjent ta' staging magħluq u sigur fejn tista' tittestja l-applikazzjoni tiegħek ta’ produzzjoni, iżżid katini ġodda qabel tmur live. Dan jipprevjeni lil ħadd milli jisraq il-API key sigriet tiegħek, u potenzjalment jamplifika l-proġett tat-traduzzjoni tiegħek billi żżid katini 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!