ದಾಖಲೆ: ಉನ್ನತ ಬಳಕೆ

ಸುಧಾರಿತ ಬಳಕೆ

Kannada

ಬಲದಿಂದ ಎಡಕ್ಕೆ ಓದುವ (RTL) ಭಾಷೆಗಳ ನಿರ್ವಹಣೆ

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

ನೀವು ಕೊಟ್ಟಿರುವ isRightToLeftLocaleCode ಫಂಕ್ಷನ್ ಅನ್ನು React ಹೊರಗೆ ಪ್ರಸ್ತುತ ಭಾಷೆಯನ್ನು ಪರಿಶೀಲಿಸಲು ಸಹ ಬಳಸಬಹುದು.

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

ಬಹುಭಾಷೆಗಳು

ಒಂದು ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಒಂದೇ ಸಮಯದಲ್ಲಿ ಹಲವಾರು ಭಾಷೆಗಳನ್ನು ಬೆಂಬಲಿಸಲು, ನೀವು ಹಲವಾರು TacoTranslate ಪ್ರೊವೈಡರ್‌ಗಳನ್ನು ಬಳಸಬಹುದು ಮತ್ತು ಕೆಳಗೆ ತೋರಿದಂತೆ ವಿಭಿನ್ನ locale ಮೌಲ್ಯಗಳೊಂದಿಗೆ:

ನೀವು 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ಗಳನ್ನು ನಿಯೋಜಿಸುವ ಮೂಲಕ, ಪಠ್ಯದ ಪ್ರತಿಯೊಂದು ಘಟನೆಯೂ ಅದರ ನಿರ್ದಿಷ್ಟ ಅರ್ಥದಂತೆ ನಿಖರವಾಗಿ ಅನುವಾದವಾಗುವಂತೆ ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು.

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” ಆಗಿ ಭಾಷಾಂತರಗೊಳ್ಳಬಹುದು.

ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು