React એપ્લિકેશન્સ માટે આંતરરાષ્ટ્રીયકરણ (i18n) માટેનું શ્રેષ્ઠ સમાધાન
શું તમે તમારું React એપ્લિકેશન નવા બજારોમાં વિસ્તૃત કરવા માટે જોઈ રહ્યા છો? TacoTranslate તમારા React એપ્લિકેશન્સને સરળતાથી લોકલાઇઝ કરવા માટે અતિસહજ બનાવી દે છે, જેથી તમે વિના કોઇ ઝંઝટ વૈશ્વિક દર્શકો સુધી પહોંચી શકો.
React માટે TacoTranslate કેમ પસંદ કરવું?
- સુગમ એકીકરણ: ખાસ કરીને React એપ્લિકેશન્સ માટે ડિઝાઇન કરેલું, TacoTranslate તમારા વર્તમાન વર્કફ્લોને સરળતાપૂર્વક સાથે મિશ્રિત કરે છે.
- સ્વચાલિત સ્ટ્રિંગ સંગ્રહ: JSON ફાઇલોને મેન્યુઅલી મેનેજ કરવાની જરૂર નથી રહી. TacoTranslate આપમેળે તમારા કોડબેઝમાંથી સ્ટ્રિંગ્સ સંગ્રહ કરે છે.
- AI-સંચાલિત અનુવાદ: AI ની શક્તિને ઉપયોગ કરીને સંદર્ભરૂપે યોગ્ય અનુવાદો પ્રદાન કરો જે તમારા એપ્લિકેશનના ટોનને માફક હોય.
- તાત્કાલિક ભાષા સપોર્ટ: નવા ભાષાઓ માટે માત્ર એક ક્લિકમાં સપોર્ટ ઉમેરો, જે તમારા એપ્લિકેશનને વૈશ્વિક રીતે પ્રાપ્ય બનાવે છે.
તે કેવી રીતે કાર્ય કરે છે
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 સેટ અપ કરવું
તમારા React એપ્લિકેશનમાં TacoTranslate ને શરૂ કરો તમારા એપ્લિકેશનને 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>
);
}
તમારા એપ્લિકેશનમાં કોઈપણ જગ્યાએ હવે તમે Translate
ઘટકનો ઉપયોગ કરીને અનુવાદિત ટેક્સ્ટ પ્રદર્શિત કરી શકો છો! વધુ માહિતી માટે અને તમારા સેટઅપ માટે ખાસ લાગુ પડવા માટેના માર્ગદર્શન માટે ચોક્કસ અમારા દસ્તાવેજીકરણ ની તપાસ કરો.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}
TacoTranslate નો ઉપયોગ કરતી વખતેના લાભો
- સમય બચત: લોકલાઇઝેશન અને સ્ટ્રિંગ્સ એકત્રિત કરવાની થાકી જાય એવી પ્રક્રિયાને સ્વચાલિત કરે છે, જે તમારા કિંમતી સમયની બચત કરે છે.
- લાગતમાં ઓછું: મેન્યુઅલ અનુવાદની જરૂરિયાત ઘટાડે છે, જે તમારા લોકલાઇઝેશન ખર્ચને નેચત કરે છે.
- સુધારેલી ચોકસાઈ: એઆઈ-સંચાલિત અનુવાદો સંદર્ભ પ્રમાણે ચોકસાઈ અને ઉચ્ચ ગુણવત્તાવાળા પરિણામો સુનિશ્ચિત કરે છે.
- સ્કેલેબલ સોલ્યુશન: તમારું એપ્લિકેશન અને ગ્રાહક આધાર વધતાં નવા ભાષાઓ માટે સહજ રીતે સપોર્ટ ઉમેરો.
આજે જ શરૂઆત કરો!
તમારું 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!