React ആപ്ലിക്കേഷനുകൾക്കുള്ള അനായാസം ലോകലൈസേഷൻ

യീങ്ങ് രീതിയിൽ പ്രവർത്തിക്കുന്നു

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. ഇവിടെത്തുടർന്ന് ഓറിജിനについて കൂടുതലറിയുക.

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 കോൺടെക്സ്റ്റ് പ്രൊവൈഡറിൽ മൂടി ഉപയോഗിക്കുക:

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 കമ്മponent-ൽ ഏതെങ്കിലും സ്ട്രിംഗുകൾ ചേർത്താൽ സ്വയം വിവർത്തനം ചെയ്യും. API കീയിൽ read/write അനുമതികൾ ഉള്ള പരിസരങ്ങളിൽ മാത്രമേ പുതിയ വിവർത്തനസ്ട്രിംഗുകൾ സൃഷ്ടിക്കാൻ കഴിയൂ എന്നത് ശ്രദ്ധിക്കുക.

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

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!