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

ಉನ್ನತ ಬಳಕೆ

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

ಅನುವಾದವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುವುದು

ಸ್ಟ್ರಿಂಗ್‌ನ ನಿರ್ದಿಷ್ಟ ಭಾಗಗಳ ಅನುವಾದವನ್ನು ನಿಷ್ಕ್ರೀಯಗೊಳಿಸಲು ಅಥವಾ ಕೆಲವು ವಿಭಾಗಗಳನ್ನು ಮೂಲ ರೂಪದಲ್ಲೇ ಉಳಿಸಿಕೊಳ್ಳಲು, ನೀವು ಮೂರು ಚೌಕಾಕಾರದ ಬ್ರಾಕೆಟ್‌ಗಳನ್ನು ಬಳಸಬಹುದು. ಹೆಸರುಗಳು, ತಾಂತ್ರಿಕ ಪದಗಳು ಅಥವಾ ಅನುವಾದಿಸಬಾರದ ಯಾವುದೇ ಇತರೆ ವಿಷಯಗಳ ಮೂಲ ಸ್ವರೂಪವನ್ನು ಕಾಯ್ದು رکھنےthis ವೈಶಿಷ್ಟ್ಯ ಉಪಯುಕ್ತವಾಗಿದೆ.

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ಗಳನ್ನು ಬಳಸುವುದು

ನೀವು ಒಂದೇ ಸ್ಟ್ರಿಂಗ್‌ಗೆ ವಿಭಿನ್ನ ಅನುವಾದಗಳು ಅಥವಾ ಅರ್ಥಗಳನ್ನು ನಿರ್ವಹಿಸಲು 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” ಎಂದು ಸ್ಪ್ಯಾನಿಷ್‌ನಲ್ಲಿ ಅನುವಾದವಾಗಬಹುದು.

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