React ആപ്പുകൾക്കുള്ള അന്തർദേശീയവൽക്കരണത്തിന് (i18n) ഏറ്റവും മികച്ച പരിഹാരമാണ്

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

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

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

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

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