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 കീയും സൃഷ്ടിക്കുക. അവ നാം environment variables ആയി സംരക്ഷിക്കും. ഞങ്ങൾ read കീയെ public എന്നു വിളിക്കുന്നു, കൂടാതെ read/write കീയെ secret എന്നു വിളിക്കുന്നു. ഉദാഹരണത്തിന്, അവ പ്രോജക്ടിന്റെ റൂട്ടിലെ .env ഫയലിൽ ചേർക്കാം.

നിങ്ങൾക്ക് രണ്ട് അധിക പരിസ്ഥിതി പാരാമീറ്ററുകൾ കൂടി ചേർക്കേണ്ടതാണ്: TACOTRANSLATE_DEFAULT_LOCALE ഒപ്പം TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ഡീഫോൾട്ട് ഫാൽബാക്ക് ലോക്കൽ കോഡ്. ഈ ഉദാഹരണത്തിൽ, നാം അത് ഇംഗ്ലീഷിനായി en ആയി സജ്ജീകരിക്കും.
TACOTRANSLATE_ORIGIN: നിങ്ങളുടെ സ്ട്രിംഗുകൾ സൂക്ഷിക്കപ്പെടുന്ന “ഫോൾഡർ”, ഉദാഹരണത്തിന് നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ URL പോലെയുള്ളത്. ഓറിജിനുകൾക്കുറിച്ച് കൂടുതൽ വിവരങ്ങൾ ഇവിടെ കാണുക.

.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 ഉപയോഗിക്കുന്നതിന്റെ നേട്ടങ്ങൾ

സമയം ലാഭം: ലോക്കലൈസേഷനും സ്ട്രിംഗ് ശേഖരണവും പോലുള്ള ക്ലേശജനಕ പ്രക്രിയകൾ സ്വയം ഓട്ടോമേറ്റ് ചെയ്ത് നിങ്ങളുടെ വിലപ്പെട്ട സമയം ലാഭിക്കുന്നു.
ചെലവുകുറഞ്ഞ: മാനുവൽ വിവർത്തനങ്ങളുടെ ആവശ്യം കുറച്ചു ലോക്കലൈസേഷൻ ചെലവുകൾ കുറയ്ക്കുന്നു.
കൃത്യത മെച്ചപ്പെടുത്തിയത: AI-ചാലിതമായ വിവർത്തനങ്ങൾ പ്രാസംഗികമായി കൃത്യവും ഉയർന്ന നിലവാരമുള്ളതുമായ ഫലങ്ങൾ ഉറപ്പാക്കുന്നു.
വിപുലീകരിക്കാവുന്ന പരിഹാരം: നിങ്ങളുടെ അപ്ലിക്കേഷനും ഉപഭോക്തൃ അടിസ്ഥാനവും വളരുമ്പോൾ പുതിയ ഭാഷകൾക്ക് പിന്തുണ എളുപ്പത്തിൽ ചേർക്കാം.

ഇന്ന് തന്നെ ആരംഭിക്കുക!

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

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