TacoTranslate
/
ഡോക്യുമെന്റേഷൻവില നിരക്ക്
 
  1. പരിചയം
  2. ആരംഭിക്കുന്നത്
  3. സജ്ജീകരണവും ക്രമീകരണവും
  4. TacoTranslate ഉപയോഗിക്കുന്നത്
  5. സർവർ-സൈഡിൽ റെൻഡറിംഗ്
  6. അധ്വാനിത ഉപയോഗം
  7. മികവുറ്റ പ്രഥമിക രീതികൾ
  8. പിശക് കൈകാര്യം ചെയ്യലും ഡീബഗ്ഗിങ്ങും
  9. സഹായվող ഭാഷകൾ

അധ്വാനിത ഉപയോഗം

വലമോട്ട് മുതൽ ഇടത്തോട്ട് ഉള്ള ഭാഷകൾ കൈകാര്യം ചെയ്യൽ

TacoTranslate നിങ്ങളുടെ React അപ്ലിക്കേഷനുകളിൽ അറബി, ഹീബ്രു തുടങ്ങിയ വലത്തുനിന്നുള്ള ഇടത്തേക്ക് (RTL) ഭാഷകളെ പിന്തുണയ്ക്കുന്നത് എളുപ്പമാക്കുന്നു. RTL ഭാഷകളുടെ ശരിയായ കൈകാര്യം നിങ്ങളുടെ ഉള്ളടക്കം വലത്തുനിന്ന് ഇടത്തേക്ക് വായിക്കുന്ന ഉപയോക്താക്കൾക്ക് ശരിയായി പ്രദർശിപ്പിക്കപ്പെടുന്നത് ഉറപ്പാക്കുന്നു.

import {useTacoTranslate} from 'tacotranslate/react';

function Document() {
	const {locale, isRightToLeft} = useTacoTranslate();

	return (
		<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
			<body>
				// ...
			</body>
		</html>
	);
}

നിങ്ങൾക്ക് നിലവിലെ ഭാഷ React ൽ പുറത്താണ് പരിശോധിക്കാൻ നൽകപ്പെട്ട isRightToLeftLocaleCode ഫംഗ്ഷൻ ഉപയോഗിക്കാം.

import {isRightToLeftLocaleCode} from 'tacotranslate';

function foo(locale = 'es') {
	const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
	// ...
}

പകർപ്പു പ്രവർത്തനം അപ്രാപ്യപ്പെടുത്തൽ

ഒരു സ്ട്രിങിന്റെ പ്രത്യേക ഭാഗങ്ങൾക്ക് വിവർത്തനം നിഷ്ക്രിയമാക്കാനോ അല്ലെങ്കിൽ ചില ഭാഗങ്ങൾ അത്തരം നിലയിൽ സൂക്ഷിക്കാനോ, നിങ്ങൾക്ക് തെറുക്കുള്ള ത്രിൾ ചതുര കോഴികൾ ഉപയോഗിക്കാം. പേരുകൾ, സാങ്കേതിക പദങ്ങൾ, അല്ലെങ്കിൽ വിവർത്തനം ചെയ്യരുതായുള്ള മറ്റു ഉള്ളടക്കങ്ങളുടെ യഥാർത്ഥ ഫോർമാറ്റ് നിലനിർത്താൻ ഈ സവിശേഷത ഉപകാരപ്രദമാണ്.

import {Translate} from 'tacotranslate/react';

function Component() {
	return (
		<Translate string="Hello, [[[TacoTranslate]]]!" />
	);
}

ഈ ഉദാഹരണത്തിൽ, “TacoTranslate” എന്ന വാക്ക് പരിഭാഷയിൽ മാറ്റപ്പെടാൻ ഇല്ല.

പല TacoTranslate പ്രൊവൈഡർമാർ

നിങ്ങളുടെ ആപ്പിൽ ബഹുഭൂരിപക്ഷമായ TacoTranslate പ്രൊവൈഡർമാരെ ഉപയോഗിക്കാൻ ഞങ്ങൾ ശക്തമായി പ്രോത്സാഹിപ്പിക്കുന്നു. നിങ്ങളുടെ വിവർത്തനങ്ങളും സ്ട്രിംഗുകളും ഹെഡർ, ഫൂട്ടർ, അല്ലെങ്കിൽ പ്രത്യേക വിഭാഗങ്ങൾ പോലുള്ള വ്യത്യസ്ത ഉറവിടങ്ങളിലായി ഓർഗനൈസ് ചെയ്യുന്നതിന് ഇത് ഉപകാരപ്രദമാണ്.

നിങ്ങൾക്ക് ഒറിജിനുകൾ ഉപയോഗിക്കുന്നതിനെക്കുറിച്ച് കൂടുതൽ ഇവിടെ വായിക്കാം.

TacoTranslate പ്രൊവൈഡർമാർ ഏത് മാതാപ്രൊവൈഡറിന്റെ ക്രമീകരണങ്ങളും പൊരുത്തപ്പെടുന്നു, അതുകൊണ്ട് മറ്റ് ക്രമീകരണങ്ങൾ നിങ്ങൾക്ക് ആവർത്തിക്കേണ്ടതില്ല.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Header() {
	return (
		<TacoTranslate origin="header">
			// ...
		</TacoTranslate>
	);
}

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

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Header />
			<Menu />
		</TacoTranslate>
	);
}

ഓറിജിനും ലോക്കലും മുകൾകേതുപ്പെടുത്തൽ

പല TacoTranslate പ്രൊവൈഡറുകൾ ഉപയോഗിക്കുന്നതിനു പുറമേ, Translate ഘടകത്തിലും useTranslation ഹുക്ക് തലങ്ങളിലും ഓറിജിൻയും ലോക്കലും മാറ്റിവെയ്ക്കാനും നിങ്ങൾക്ക് സാധിക്കും.

import {Translate, useTranslation} from 'tacotranslate/react';

function Greeting() {
	const spanishHello = useTranslation('Hello!', {locale: 'es'});

	return (
		<>
			{spanishHello}
			<Translate string="What’s up?" origin="greeting" />
		</>
	);
}

ലോഡിംഗ് കൈകാര്യം ചെയ്യല്‍

ക്ലയന്റ് მხრიდან ഭാഷ മാറുമ്പോൾ, ഉപയോക്താവിന്റെ കണക്ഷൻ അടിസ്ഥാനമാക്കി വിവർത്തനങ്ങൾ ലഭിക്കാൻ കുറച്ച് സമയം വേണ്ടി വരാം. മാറ്റം നടക്കുന്നപ്പോൾ ദൃശ്യമായ പ്രതികരണം നൽകുന്നതിനായി ഉപയോക്തൃാനുഭവം മെച്ചപ്പെടുത്താൻ നിങ്ങൾക്ക് ഒരു ലോഡിംഗ് ഇൻഡിക്കേറ്റർ പ്രദർശിപ്പിക്കാം.

import {useTacoTranslate} from 'tacotranslate/react';

function Component() {
	const {isLoading} = useTacoTranslate();

	return (
		isLoading ? 'Translations are loading...' : null
	);
}

ബഹുവചനം

വ്യത്യസ്ത ഭാഷകളിൽ ബഹുവചനങ്ങൾ ക്രമപ്പെടുത്തുകയും എണ്ണത്തിന്റെ അടിസ്ഥാനത്തിൽ ലേബലുകൾ ശരിയായി പ്രദർശിപ്പിക്കാനും, ഇത് മികച്ച പ്രയോഗവുമാണ്:

import {Translate, useLocale} from 'tacotranslate/react';

function PhotoCount() {
	const locale = useLocale();
	const count = 1;

	return count === 0 ? (
		<Translate string="You have no photos." />
	) : count === 1 ? (
		<Translate string="You have 1 photo." />
	) : (
		<Translate
			string="You have {{count}} photos."
			variables={{count: count.toLocaleString(locale)}}
		/>
	);
}

பல மொழிகள்

ഒരേ ആപ്ലിക്കേഷനിൽ ഒരേസമയം പല ഭാഷകളെയും പിന്തുണയ്ക്കാൻ, താഴെ കാണുന്നതുപോലെ വ്യത്യസ്ത locale മൂല്യങ്ങളോടെ എണ്ണമോalupe破解]]>ക്ഷായ TacoTranslate പ്രൊവൈഡർമാരെ ഉപയോഗിക്കാം:

നീங்கள் ഇത്തരം locale കമ്പോണന്റിലും ഹുക്ക് ലെവലിലും മതി.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Spanish() {
	return (
		<TacoTranslate locale="es">
			<Translate string="Hello, world in Spanish!" />
		</TacoTranslate>
	);
}

function Norwegian() {
	return (
		<TacoTranslate locale="no">
			<Translate string="Hello, world in Norwegian!" />
		</TacoTranslate>
	);
}

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Spanish />
			<Norwegian />
		</TacoTranslate>
	);
}

പരിവർത്തന ഐഡികൾ ഉപയോഗിക്കൽ

നിങ്ങൾക്ക് Translate ഘടകത്തിൽ വിവിധ വിവർത്തനങ്ങൾ അല്ലെങ്കിൽ ഒരേ സ്ട്രിംഗിന് വ്യത്യസ്ത അർത്ഥങ്ങൾ കൈകാര്യം ചെയ്യുന്നതിനായി id ചേർക്കാം. ഒരേ ടെക്സ്റ്റിന് വിവിധ സന്ദർഭങ്ങൾ അനുസരിച്ച് വ്യത്യസ്ത വിവർത്തനങ്ങൾ ആവശ്യമുള്ളപ്പോൾ ഇത് പ്രത്യേകിച്ച് പ്രയോജനപ്രദമാണ്. വ്യത്യസ്ത ഐഡികൾ നൽകി, ഓരോ സ്ട്രിംഗ് ഉദാഹരണവും അതിന്റെ പ്രത്യേക അർത്ഥപ്രകാരം ശരിയായി വിവർത്തനം ചെയ്യപ്പെടുന്നത് നിങ്ങൾ ഉറപ്പാക്കുന്നു.

import {Translate} from 'tacotranslate/react';

function Header() {
	return (
		<Translate id="header" string="Login" />
	);
}

function Footer() {
	return (
		<Translate id="footer" string="Login" />
	);
}

ഉദാഹരണത്തിന്, ഹെഡറിലെ ലോഗിൻ “Iniciar sesión” എന്നാണ് സ്പാനിഷിലേക്ക് വിവർത്തനം ചെയ്‌തേക്കുക, ഫൂട്ടറിലെ ലോഗിൻ “Acceder” എന്നാണ്.

മികവുറ്റ പ്രഥമിക രീതികൾ

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