React ആപ്ലിക്കേഷനുകൾക്ക് എളുപ്പമായ പ്രാദേശികമാക്കൽ

നിങ്ങൾ നിങ്ങളുടെ 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 സജ്ജീകരിക്കൽ

TacoTranslate-നെ നിങ്ങളുടെ React അപ്ലിക്കേഷനിൽ പ്രവർത്തനക്ഷമമാക്കാൻ, നിങ്ങളുടെ അപ്ലിക്കേഷൻ 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 ഉപയോഗിക്കുന്നതിനുള്ള നേട്ടങ്ങൾ

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

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

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

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