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

React ആപ്പുകളിലെ അന്താരാഷ്ട്രവത്കരണം (i18n) എന്നതിന് ഏറ്റവും ഉത്തമമായ പരിഹാരം

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

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

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

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

TacoTranslate പാക്കേജ് npm വഴി ഇൻസ്റ്റാൾ ചെയ്യുക:

npm install 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. ഇവിടെ Origins ന്റെ കൂടുതൽ വിവരങ്ങൾ വായിക്കുക.
.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!

നാറ്റ്‌സ്‌കിഫ്റ്റെറ്റ് നിന്നുള്ള ഒരു ഉൽപ്പന്നംനോർവേയിൽ നിർമ്മിച്ചത്