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';
	// ...
}

అనువాదం నిలిపివేత

సూక్తిలోని నిర్దిష్ట భాగాల అనువాదాన్ని నిలిపివేయడానికి లేదా కొన్ని సెగ్మెంట్లు అప్పుడున్నట్టే ఉంచడాన్ని నిర్ధారించుకోవడానికి, మీరు ముసురు చతురస్ర కొఱ్ఱల triple square bracketsను ఉపయోగించవచ్చు. ఈ ఫీచర్ పేర్లు, సాంకేతిక పదజాలం లేదా అనువదించాల్సిన అవసరం లేని ఇతర ఏదైనా విషయం యొక్క అసలు ఫార్మాట్‌ను ఉంచడానికి ఉపయోగకరిగా ఉంటుంది.

import {Translate} from 'tacotranslate/react';

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

ఈ ఉదాహరణలో, “TacoTranslate” అనే పదం అనువాదంలో మార్పు చెందదు.

బహుళ TacoTranslate ప్రొవైడర్లు

మేము మీ యాప్ లో బహుళ TacoTranslate ప్రొవైడర్లను ఉపయోగించటం కోసం గట్టిగా ప్రోత్సహిస్తాము. ఇది మీ అనువాదాలు మరియు స్ట్రింగ్స్ ను వివిధ ఉద్గతాల్లో, ఉదాహరణకు మీ హెడర్, ఫుటర్ లేదా నిర్దిష్ట విభాగాలుగా ఏర్పాటు చేయటానికి ఉపయోగకరం.

మీరు ఇక్కడ origins ఉపయోగించడంపై మరింత తెలుసుకోవచ్చు.

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)}}
		/>
	);
}

బహుళ భాషలు

ఒకే అప్లికేషన్‌లో ఒకేసారి బహుళ భాషలకు మద్దతు వhcayinchadaaniki, మీరు వివిధ locale విలువలతో బహుళ 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>
	);
}

అనువాద ID లను ఉపయోగించడం

మీరు ఒకే స్ట్రింగ్ కోసం భిన్నమైన అనువాదాలు లేదా అర్ధాలు నిర్వహించడానికి Translate కాంపొనెంట్‌కు idను జోడించవచ్చు. ఒకే వాక్యం సందర్భం ఆధారంగా వేర్వేరు అనువాదాలను అవసరమయ్యే సందర్భాలలో ఇది ప్రత్యేకంగా ఉపయోగకరం. ప్రత్యేక IDలను కేటాయించడం ద్వారా, ఆ స్ట్రింగ్ ప్రతీ సందర్భం తన ప్రత్యేక అర్థాన్ని అనుసరించి సరిగ్గా అనువదించబడిందని మీరు నిర్ధారించవచ్చు.

import {Translate} from 'tacotranslate/react';

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

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

ఉదాహరణకి, header login అనేది స్పానిష్‌లో “Iniciar sesión” గా మరియు footer login అనేది “Acceder” గా అనువదించబడవచ్చు.

ఉత్తమ సాధనాలు

Nattskiftet నుండి ఉత్పత్తినార్వేలో తయారుచేసినది