TacoTranslate
/
ഡോക്യുമെന്റേഷൻവിലകൾ
 
ലേഖനം
മേയ് 04

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

നിങ്ങളുടെ React ആപ്ലിക്കേഷൻ പുതിയ മാർക്കറ്റുകളിൽ എത്തിക്കാൻ ആഗ്രഹിക്കുന്നുണ്ടോ? TacoTranslate നിങ്ങളുടെ React ആപ്പുകൾ ലോക്കലൈസ് ചെയ്യുന്നത് വളരെ എളുപ്പമാക്കുന്നു, അതിലൂടെ നിങ്ങൾക്ക് ബുദ്ധിമുട്ടില്ലാതെ ആഗോള പ്രേക്ഷകരെ കൈവരിക്കാൻ സാധിക്കും.

React-ക്കായി TacoTranslate തിരഞ്ഞെടുക്കേണ്ടത് എന്തുകൊണ്ടാണ്?

  • തടസ്സങ്ങളില്ലാത്ത സംയോജനം: React ആപ്ലിക്കേഷനുകൾക്കായി പ്രത്യേകിച്ച് രൂപകൽപ്പന ചെയ്തതുകൊണ്ടാണ് TacoTranslate നിങ്ങളുടെ നിലവിലുള്ള പ്രവർത്തനപ്രവാഹത്തിലേക്ക് എളുപ്പത്തിൽ സംയോജിക്കുന്നത്.
  • Automatic String Collection: ഇനി JSON ഫയലുകൾ കൈകൊണ്ടു നിയന്ത്രിക്കേണ്ടതില്ല. TacoTranslate നിങ്ങളുടെ കോഡ്‌ബേസിൽ നിന്നുള്ള സ്ട്രിംഗുകൾ സ്വയം ശേഖരിക്കുന്നു.
  • AI-Powered Translations: നിങ്ങളുടെ ആപ്ലിക്കേഷന്റെ ശൈലിയോട് യോജിക്കുന്ന, സന്ദർഭാനുസൃതവും കൃത്യവുമായ പരിഭാഷകൾ നൽകാൻ എഐയുടെ ശേഷി പ്രയോജനപ്പെടുത്തൂ.
  • തൽക്ഷണ ഭാഷാ പിന്തുണ: ഒരു ക്ലിക്കിൽ പുതിയ ഭാഷകൾക്ക് പിന്തുണ ചേർക്കുക, ഇതിലൂടെ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ ആഗോളമായി ലഭ്യമായിരിക്കണം.

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

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

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

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!

Nattskiftet-ൽ നിന്നുള്ള ഒരു ഉൽപ്പന്നംനോർവേയിൽ നിർമ്മിച്ചത്