React ആപ്ലിക്കേഷനുകൾക്കായി എളുപ്പത്തിലുള്ള സ്ഥാനീയീകരണം

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

.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 ഉപയോഗിക്കുന്നതിനുള്ള ഗുണങ്ങൾ

സമയ ലാഭം: ലൊക്കലൈസേഷനും സ്ട്രിംഗുകൾ ശേഖരിക്കുന്നതിലെ കഠിനമായ പ്രക്രിയ സ്വയമാക്കുന്നു, ഇത് നിങ്ങളുടെ വിലപ്പെട്ട സമയം ലാഭിക്കുന്നു.
ചെലവുകുറവുള്ള: മാനുവൽ വിവർത്തനങ്ങളുടെ ആവശ്യം കുറക്കുന്നു, അതിലൂടെ ലൊക്കലൈസേഷന്റെ ചെലവുകൾ കുറയും.
മികച്ച കൃത്യത: എഐ-ശേഷിയുള്ള വിവർത്തനങ്ങൾ സന്ദർഭാനുസൃതമായി കൃത്യവും ഉയർന്ന ഗുണമേന്മയുള്ളതുമായ ഫലങ്ങൾ ഉറപ്പാക്കുന്നു.
വ്യാപനക്ഷമമായ പരിഹാരം: നിങ്ങളുടെ ആപ്ലിക്കേഷനും ഉപഭോക്തൃ അടിസ്ഥാനവും വികസിക്കുന്നതിനോടൊപ്പം പുതിയ ഭാഷകൾക്ക് പിന്തുണ എളുപ്പത്തിൽ ചേർക്കാം.

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

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

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