ದಸ್ತಾವೇಜು: ಉನ್ನತ ಬಳಕೆ

ಸುಧಾರಿತ ಬಳಕೆ

Kannada

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

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

ಬಹುಭಾಷೆಗಳು

ಒಂದು ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಒಂದೇ ಸಮಯದಲ್ಲಿ ಹಲವಾರು ಭಾಷೆಗಳನ್ನು ಬೆಂಬಲಿಸಲು, ನೀವು ವಿವಿಧ 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ಗಳನ್ನು ಒದಗಿಸುವ ಮೂಲಕ, ಪ್ರತಿಯೊಂದು ಸ್ಟ್ರಿಂಗ್ ಉದಾಹರಣೆಯನ್ನು ಅದರ ನಿರ್ದಿಷ್ಟ ಅರ್ಥದಂತೆ ನಿಖರವಾಗಿ ಅನುವಾದಿಸಲಾಗುತ್ತದೆ ಎಂದು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು.

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” ಆಗಿ ಸ್ಪೇನಿಷ್‌ನಲ್ಲಿ ಅನುವಾದವಾಗಬಹುದು.

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