React ആപ്പുകൾക്കുള്ള അന്താരാഷ്ട്രവത്കരണത്തിന് (i18n) ഏറ്റവും മികച്ച പരിഹാരമാണ്.
നിങ്ങൾ നിങ്ങളുടെ React ആപ്ലിക്കേഷൻ പുതിയ വിപണികളിലേക്ക് വ്യാപിപ്പിക്കാൻ ആഗ്രഹിക്കുന്നുണ്ടോ? TacoTranslate നിങ്ങളുടെ React ആപ്പുകൾ പ്രാദേശീകരിക്കാൻ അത്യന്തം എളുപ്പമാക്കുന്നു, ഇതിലൂടെ നിങ്ങൾക്ക് കുഴപ്പമില്ലാതെ ആഗോള പ്രേക്ഷകരിലേക്കെത്താൻ സാധിക്കും.
Reactക്കായി TacoTranslate തിരഞ്ഞെടുക്കേണ്ടത് എന്താണ്?
- സ്വാഭാവിക സംയോജനം: React ആപ്ലിക്കേഷനുകൾക്കായി പ്രത്യേകമായി രൂപകൽപ്പന ചെയ്തതുകൊണ്ട്, TacoTranslate നിങ്ങളുടെ നിലവിലുള്ള പ്രവൃത്തി പ്രവാഹത്തിൽ എളുപ്പത്തിൽ ഉൾക്കൊള്ളുന്നു.
- സ്വയം സ്ട്രിംഗ് ശേഖരണം: JSON ഫയലുകൾ കൈകൊണ്ട് മാനേജ് ചെയ്യേണ്ടതില്ല. TacoTranslate നിങ്ങളുടെ കോഡ്ബേസിൽ നിന്നുള്ള സ്ട്രിംഗുകൾ സ്വയമേവ ശേഖരിക്കുന്നു.
- എഐ ആധാരിത പരിഭാഷകൾ: നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ ടോണിനുസരിച്ച് സന്ദർഭപരമായി ശരിയായ പരിഭാഷകൾ നൽകാൻ എഐയുടെ ശക്തി ഉപയോഗിക്കുക.
- ത്വരിത ഭാഷാ പിന്തുണ: ഒരു ക്ലിക്കിൽ പുതിയ ഭാഷകൾക്കുള്ള പിന്തുണ ചേർക്കുക, നിങ്ങളുടെ അപ്ലിക്കേഷൻ ആഗോളമായി പ്രാപ്യമായാക്കൂ.
ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു
npm വഴി TacoTranslate പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്യുക:
npm install tacotranslateമോഡ്യൂള് ഇൻസ്റ്റാൾ ചെയ്തതിനുശേഷം, നിങ്ങള്ക്ക് ഒരു TacoTranslate അക്കൗണ്ട്, ഒരു പരിഭാഷാ പദ്ധതി, കൂടാതെ അനുബന്ധ API കീകൾ സൃഷ്ടിക്കേണ്ടതുണ്ട്. ഇവിടെയാണ് ഒരു അക്കൗണ്ട് ഉണ്ടാക്കുക. ഇത് സൗജന്യമാണ്, കൂടാതെ ക്രെഡിറ്റ് കാർഡ് നൽകേണ്ടതില്ല.
TacoTranslate അപ്ലിക്കേഷൻ UI-ൽ ഒരു പ്രോജക്ട് സൃഷ്ടിച്ച് അതിന്റെ API കീകൾ ടാബിലേക്ക് നാവിഗേറ്റ് ചെയ്യുക. ഒരു read കീയും ഒരു read/write കീയും സൃഷ്ടിക്കുക. ഞങ്ങൾ അവയെ എൻവയർൺമെന്റ് വേരിയബിളുകളായി സംരക്ഷിക്കും. ആ read കീയെ ഞങ്ങൾ public എന്ന് വിളിക്കുന്നു, കൂടാതെ read/write കീ secret ആണ്. ഉദാഹരണത്തിന്, നിങ്ങൾ അവയെ നിങ്ങളുടെ പ്രോജക്ടിന്റെ റൂട്ട് ഡയറക്ടറിയിലുള്ള .env ഫയലിലേക്ക് ചേർക്കാം.
നിങ്ങൾക്ക് രണ്ട് അധിക എൻവയോൺമെന്റ് വേരിയബിളുകൾ കൂടി ചേർക്കേണ്ടതുണ്ട്: TACOTRANSLATE_DEFAULT_LOCALE ഉം TACOTRANSLATE_ORIGIN.
TACOTRANSLATE_DEFAULT_LOCALE: ഡീഫോൾട്ട് ഫാൽബാക്ക് ലോക്കൽ കോഡ്. ഈ ഉദാഹരണത്തിൽ, ഞങ്ങൾ അതിനെ ഇംഗ്ലീഷിന്enആയി നിശ്ചയിക്കും.TACOTRANSLATE_ORIGIN: നിങ്ങളുടെ സ്ട്രിംഗ്സുകൾ സൂക്ഷിക്കപ്പെടുന്ന "ഫോൾഡർ", ഉദാഹരണത്തിന് നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ URL പോലുള്ളത്. ഓറിജിനുകൾക്കുറിച്ച് കൂടുതൽ ഇവിടെ വായിക്കുക.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.comരഹസ്യമായ read/write API കീ ക്ലയന്റ്-സൈഡ് പ്രൊഡക്ഷൻ പരിസ്ഥിതികളിലേക്ക് ഒരിക്കലും ചോർക്കരുതെന്ന് ഉറപ്പാക്കുക.
TacoTranslate സജ്ജീകരിക്കൽ
TacoTranslate-നെ നിങ്ങളുടെ React ആപ്ലിക്കേഷനിൽ സജ്ജീകരിക്കാൻ, നിങ്ങളുടെ ആപ്ലിക്കേഷൻ TacoTranslate context provider-ൽ റാപ്പ് ചെയ്യുക:
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>
);
}ഇപ്പോൾ നിങ്ങളുടെ ആപ്ലിക്കേഷനിലെ എവിടെയെങ്കിലും വിവർത്തനിച്ച ടെക്സ്റ്റ് പ്രദർശിപ്പിക്കാൻ Translate കമ്പോണന്റ് ഉപയോഗിക്കാം! കൂടുതൽ വിവരങ്ങൾക്കും നിങ്ങളുടെ സജ്ജീകരണത്തിന് അനുയോജ്യമായ നടപ്പാക്കൽ മാർഗനിർദേശങ്ങൾക്കുമായി ഞങ്ങളുടെ ഡോക്യുമെന്റേഷൻ പരിശോധിക്കുക.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}TacoTranslate ഉപയോഗിക്കുന്നതിന്റെ പ്രയോജനങ്ങൾ
- സമയം ലാഭം: പ്രാദേശീകരണവും സ്ട്രിംഗ് ശേഖരണവും പോലുള്ള ക്ഷീണകരമായ പ്രവൃത്തികൾ സ്വയം നടത്തപ്പെടുന്നതിനാൽ ഇത് നിങ്ങളുടെ വിലപ്പെട്ട സമയം ലാഭിക്കുന്നു.
- ചിലവുകുറഞ്ഞത്: മാനുവൽ വിവർത്തനങ്ങളുടെ ആവശ്യം കുറയ്ക്കുകയും ഫലംപ്രദമായി പ്രാദേശീകരണ ചെലവ് കുറക്കുകയും ചെയ്യുന്നു.
- മികച്ച കൃത്യത: AI-സഹായത്തോടെ പ്രവർത്തിച്ചുള്ള വിവർത്തനങ്ങൾ സന്ദർഭാനുസൃതവും ഉയർന്ന ഗുണമേന്മയുള്ളതുമായ ഫലങ്ങൾ ഉറപ്പാക്കുന്നു.
- വിപുലീകരിക്കാവുന്ന പരിഹാരം: നിങ്ങളുടെ ആപ്ലിക്കേഷനും ഉപഭോക്തൃ അടിസ്ഥാനവും വളരുമ്പോൾ പുതിയ ഭാഷകൾക്കുള്ള പിന്തുണ എളുപ്പത്തിൽ ചേർക്കാവുന്നതാണ്.
ഇന്ന് തന്നെ ആരംഭിക്കുക!
നിങ്ങളുടെ React അപ്ലിക്കേഷൻ Translate കമ്പോണന്റിലേക്ക് ഏതെങ്കിലും സ്ട്രിംഗുകൾ ചേർത്താൽ അത് സ്വയം വിവർത്തനം ചെയ്യപ്പെടും. ശ്രദ്ധിക്കുക: API കീയിൽ read/write പെർമിഷനുകൾ ഉള്ള പരിസരങ്ങളേ മാത്രം വിവർത്തനത്തിനായി പുതിയ സ്ട്രിംഗുകൾ സൃഷ്ടിക്കാൻ കഴിയും.
നിങ്ങളുടെ പ്രൊഡക്ഷൻ അപ്ലിക്കേഷൻ പരീക്ഷിക്കാൻ ഒരു അടച്ചും സുരക്ഷിതവുമായ സ്റ്റേജിംഗ് പരിസരം ഉണ്ടാകാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു; ലൈവിലേക്ക് പോകുന്നതിനുമുമ്പേ അവിടെ പുതിയ സ്ട്രിംഗുകൾ ചേർക്കുക. ഇതുവഴി ആരും നിങ്ങളുടെ രഹസ്യ API കീ മോഷ്ടിക്കാൻ കഴിയുകയുമില്ല, കൂടാതെ അനധികൃതമായി സ്ട്രിംഗുകൾ ചേർത്തുകൊണ്ട് നിങ്ങളുടെ വിവർത്തന പദ്ധതി അളവിന് മിങ്ങലുന്ന സാഹചര്യങ്ങളും ഒഴിവാക്കാം.
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!