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 പോലുള്ളത്. Origins-നെക്കുറിച്ച് കൂടുതൽ ഇവിടെ വായിക്കുക.

.env

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 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 ഉപയോഗിക്കുമ്പോഴുള്ള ആനുകൂല്യങ്ങൾ

Time saving: ലൊക്കലൈസേഷനും സ്ട്രിങുകള്‍ ശേഖരിക്കുന്നതും പോലുള്ള ക്ഷീണകരമായ പ്രക്രിയകള്‍ ഓട്ടോമേറ്റ് ചെയ്യുന്നു, ഇതിലൂടെ നിങ്ങള്‍ക്ക് വിലപ്പെട്ട സമയം ലാഭിക്കാന്‍ കഴിയും.
Cost-effective: മാനുവല്‍ വിവര്‍ത്തനങ്ങളുടെ ആവശ്യം കുറയ്ക്കുകയും ഇതിലൂടെ നിങ്ങളുടെ ലൊക്കലൈസേഷന്‍ ചിലവുകള്‍ കുറക്കുകയും ചെയ്യുന്നു.
Improved accuracy: AI-സഹായമുള്ള വിവര്‍ത്തനങ്ങള്‍ സന്ദര്‍ഭാനുസൃതമായി കൃത്യവും ഉയർന്ന നിലവാരവുമുള്ള ഫലങ്ങള്‍ ഉറപ്പാക്കുന്നു.
Scalable Solution: നിങ്ങളുടെ ആപ്ലിക്കേഷനും ഉപഭോക്തൃ അടിസ്ഥാനവും വളരുമ്പോള്‍ പുതിയ ഭാഷകള്‍ക്കുള്ള പിന്തുണ എളുപ്പത്തില്‍ ചേര്‍ക്കാം.

ഇന്ന് തന്നെ തുടങ്ങൂ!

നിങ്ങളുടെ React അപ്ലിക്കേഷൻ Translate ഘടകത്തിൽ ഏതു സ്ട്രിങ്ങുകളും നിങ്ങൾ ചേർത്താൽ അവ സ്വയം വിവർത്തനം ചെയ്യപ്പെടും. ഗమనിക്കുക: API കീには read/write അനുമതികളുള്ള പരിസ്ഥിതികളിൽ മാത്രമേ പുതുതായി വിവർത്തനത്തിനായി സ്ട്രിങ്ങുകൾ സൃഷ്ടിക്കാൻ കഴിയൂ.

ലൈവിലേക്ക് പോയിക്കുന്നതിനു മുമ്പ് പുതിയ സ്ട്രിങ്ങുകൾ ചേർത്താണ് നിങ്ങളുടെ പ്രൊഡക്ഷൻ അപ്ലിക്കേഷൻ അവിടെ പരീക്ഷിക്കാവുന്ന വിധമുള്ള ഒരു അടച്ചും സുരക്ഷിതവുമായ സ്റ്റേജിംഗ് പരിസ്ഥിതിയുള്ളതായിരിക്കണമെന്ന് ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു. ഇത് ആരും നിങ്ങളുടെ രഹസ്യ API കീ മോഷ്ടിച്ചതിനെ തടയുകയും, ദുർവിനിയോഗമായി അല്ലെങ്കിൽ അവൈധമായി സ്ട്രിങ്ങുകൾ ചേർക്കപ്പെടുന്നുവോ എന്നതിനാൽ നിങ്ങളുടെ വിവർത്തന പ്രോജക്ട് അനാവശ്യമായി വലുതാകുന്നത് തടയുകയും ചെയ്യും.