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

.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 കീ ആരെയും മോഷ്ടിക്കുന്നത് തടയ്ക്കുകയും, അനധികൃത സ്ട്രിംഗുകൾ ചേർത്തുകൊണ്ട് നിങ്ങളുടെ വിവർത്തന പ്രോജക്റ്റ് അനാവശ്യമായി വലുതാകുന്നത് തടയുകയും ചെയ്യും.