ഡോക്യുമെന്റേഷൻ: TacoTranslate ഉപയോഗിക്കുന്നത്

TacoTranslate ഉപയോഗിച്ച്

Malayalam

സ്ട്രിംഗുകൾ വിവർത്തനം ചെയ്യുന്നു

സാധാരണയായി സ്ട്രിംഗുകൾ തർജ്ജമ ചെയ്യാനുള്ള മൂന്ന് മാർഗ്ഗങ്ങളുമുണ്ട്: Translate ഘടകം, useTranslation ഹുക്ക്, അല്ലെങ്കിൽ translateEntries ഉപകരണമുള്ളത്.

Translate കോംപൊനന്റ് ഉപയോഗിക്കുന്നത്.
ഒരു span എലമെന്റിനുള്ളിൽ വിവർത്തനങ്ങൾ പുറപ്പെടുവിക്കുന്നു, കൂടാതെ HTML റണ്ടറിംഗിനും പിന്തുണ നൽകുന്നു.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

ഉദാഹരണത്തിന്, കമ്പോണന്റിൽ as="p" ഉപയോഗിച്ച് ത്ത്തിന്റെ തരം മാറ്റാൻ കഴിയും.

useTranslation ഹുക്ക് ഉപയോഗിക്കുന്നത്.
അനുവാദങ്ങൾ ഒരു ലളിതമായ സ്ട്രിങ്ങായി നൽകുന്നു. ഉദാഹരണത്തിന്, meta ടാഗുകളിലെ ഉപയോഗത്തിന് ഇത് പ്രയോജനവുമാണ്.

import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';

function Page() {
	const helloWorld = useTranslation('Hello, world!');

	useEffect(() => {
		alert(helloWorld);
	}, [helloWorld]);

	return (
		<title>{useTranslation('My page title')}</title>
	);
}

translateEntries ഉപകരണം ഉപയോഗിക്കുക.
സെർവർ സൈഡിൽ സ്റ്റ്രിംഗുകൾ പരിഭാഷപ്പെടുത്തുക. നിങ്ങളുടെ OpenGraph ചിത്രങ്ങൾ കൂടുതൽ ശക്തമാക്കുക.

import {createEntry, translateEntries} from 'tacotranslate';

async function generateMetadata(locale = 'es') {
	const title = createEntry({string: 'Hello, world!'});
	const description = createEntry({string: 'TacoTranslate on the server'});

	const translations = await translateEntries(
		tacoTranslate,
		{origin: 'opengraph', locale},
		[title, description]
	);

	return {
		title: translations(title),
		description: translations(description)
	};
}

സ്ട്രിങ്ങുകൾ എങ്ങനെ വിവർത്തനം ചെയ്യപ്പെടുന്നു

സ്ട്രിംഗുകൾ നമ്മുടെ സര്‍വറുകളിലേക്ക് എത്തുമ്പോള്‍, ആദ്യം അവ പരിശോധിച്ച് സംരക്ഷിക്കുന്നു, ശേഷം ഉടൻම ഒരു മെഷീന്‍ വിവര്‍ത്തനം മടക്കി നല്‍കുന്നു. മെഷീന്‍ വിവര്‍ത്തനങ്ങള്‍ പൊതുവെ ഞങ്ങളുടെ AI വിവര്‍ത്തനങ്ങളേക്കാള്‍ കുറഞ്ഞ ഗുണമേന്മയുള്ളതായിരുന്നാലും, അവ ഒരു വേഗത്തുള്ള പ്രാരംഭ പ്രതികരണം നല്‍കുന്നു.

സമകാലികമായി, നിങ്ങളുടെ സ്‌ട്രിംഗിനായി ഉയർന്ന നിലവാരമുള്ള, ഏറ്റവും പുതിയ സാങ്കേതികവിദ്യയുള്ള AI വിവർത്തനം സൃഷ്ടിക്കാൻ ഞങ്ങൾ അസിങ്ക്രണസ് വിവർത്തന ജോബ് ആരംഭിക്കുന്നു. AI വിവർത്തനം തയ്യാറായ στιγμയിൽ, അത് മെഷീൻ വിവർത്തനം മാറ്റിവെക്കുകയും നിങ്ങളുടെ സ്‌ട്രിംഗുകൾക്ക് വിവർത്തനങ്ങൾ അഭ്യർത്ഥിക്കുമ്പോൾ അയക്കപ്പെടുകയും ചെയ്യും.

നിങ്ങൾ ഒരു സ്ട്രിംഗ് മാനവീനമായി വിവർത്തനം ചെയ്തിട്ടുണ്ടെങ്കിൽ, ആ വിവർത്തനങ്ങൾ മുൻഗണനസഹിതമായി പരിഗണിക്കുകയും അതേ തിരിച്ചുകൽപ്പിക്കപ്പെടുകയും ചെയ്യും.

ഒറിജിൻസിന്റെ പ്രയോജനം

TacoTranslate പ്രോജക്ടുകളിൽ ഞങ്ങൾ origins എന്ന് വിശേഷിപ്പിക്കുന്നവ ഉൾപ്പെടുന്നു. നിങ്ങളുടെ സ്ട്രിംഗുകൾക്കും പരിഭാഷകൾക്കും പ്രവേശനമാർഗ്ഗങ്ങളോ, ഫോൾഡറുകളോ, അല്ലെങ്കിൽ ഗുഡ്സുക്കളോ ആയി അവയെ പരിഗണിക്കുക.

import {TacoTranslate} from 'tacotranslate/react';

function Menu() {
	return (
		<TacoTranslate origin="application-menu">
			// ...
		</TacoTranslate>
	);
}

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

കൂടുതൽ സൂക്ഷ്മ നിയന്ത്രണത്തിനായി, നിങ്ങൾക്ക് കോൺട്രോളിന്റെ ലെവലിൽ origins സജ്ജമാക്കാവുന്നതാണ്.

ഇതിന് വേണ്ടി, നിങ്ങളുടെ പ്രോജക്ടിനുള്ളിൽ പല TacoTranslate പ്രൊവൈഡറുകളും ഉപയോഗിക്കാൻ പരിഗണിക്കുക.

ദയവായി ശ്രദ്ധിക്കുക, ഒരേ സ്ട്രിംഗ് വേറിട്ട Origins-ൽ വ്യത്യസ്തമായ ഭാഷാന്തരങ്ങൾ സ്വീകരിക്കാമു.

അവസാനമായി, നിങ്ങൾ സ്ട്രിംഗുകൾ ഒറിജിനുകളായി വേർതിരിക്കുന്നത് നിങ്ങളുടെ ആവശ്യങ്ങളും ആവശ്യകതകളുമാണ് নির্ধരിക്കുന്നത്. എങ്കിലും, ഒരൊറ്റ ഒറിജിനിൽ അധികം സ്ട്രിംഗുകൾ ഉള്ളത് ലോഡിംഗ് സമയങ്ങളിൽ വർധനവുുണ്ടാക്കാം എന്നത് ശ്രദ്ധിക്കുക.

ചരവു മാറ്റങ്ങൾ കൈമാറൽ

ഉപയോക്തൃപേരുകൾ, തിയതികൾ, ഇമെയിൽ വിലാസങ്ങൾ എന്നിവ പോലുള്ള ഡൈനാമിക് ഉള്ളടക്കത്തിനായി നിങ്ങൾ എപ്പോഴും വ്യത്യസ്ഥങ്ങളേ ഉപയോഗിക്കണം.

ട്രിംഗുകളിൽ വഴിവരികൾ രണ്ട് കോർണർ ബ്രാക്കറ്റുകൾ ഉപയോഗിച്ച് പ്രഖ്യാപിച്ചിരിക്കുന്നു, ഉദാഹരണത്തിന് {{variable}}.

import {Translate} from 'tacotranslate/react';

function Greeting() {
	const name = 'Juan';
	return <Translate string="Hello, {{name}}!" variables={{name}} />;
}

import {useTranslation} from 'tacotranslate/react';

function useGreeting() {
	const name = 'Juan';
	return useTranslation('Hello, {{name}}!', {variables: {name}});
}

HTML ഉള്ളടക്കം കൈകാര്യം ചെയ്യല്‍

പൂർവ്വനിശ്ചയപ്രകാരം, Translate ഘടകം HTML ഉള്ളടക്കം പിന്തുണയ്ക്കുകയും റെൻഡർ ചെയ്യുകയും ചെയ്യുന്നു. എന്നാൽ, useDangerouslySetInnerHTML നെ false ആയി സജ്ജീകരിച്ച് ഈ പെരുമാറ്റത്തിൽ നിന്ന് ഒഴിവാകാൻ നിങ്ങൾക്ക് കഴിയും.

ഉപയോക്തൃ സൃഷ്ടിയായ ഉള്ളടക്കം പോലുള്ള വിശ്വാസിക്കാനാകാത്ത ഉള്ളടക്കം പരിഭാഷപ്പെടുത്തുമ്പോൾ HTML റെൻഡറിംഗ് അപ്രത്യാഷിതമായി നിർത്തുന്നതാണ് ശക്തമായി ശുപാർശ ചെയ്യുന്നത്.

എല്ലാ ഔട്ട്പുട്ടും റെൻഡർ ചെയ്യുന്നതിന് മുൻപ് എല്ലാകാലത്തും sanitize-html ഉപയോഗിച്ച് സർവസാധാരണമാക്കപ്പെടുന്നു.

import {Translate} from 'tacotranslate/react';

function Page() {
	return (
		<Translate
			string={`
				Welcome to <strong>my</strong> website.
				I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
			`}
			variables={{url: 'https://tacotranslate.com'}}
			useDangerouslySetInnerHTML={false}
		/>
	);
}

മുകളില്‍ കൊടുത്ത ഉദാഹരണം സാധാരണ വാചകമായി പ്രദര്‍ശിപ്പിക്കും.

സർവർ-സൈഡ് റൻഡറിംഗ്