ಡಾಕ್ಯುಮೆಂಟೇಶನ್: ಪ್ರಗತಿಶೀಲ ಬಳಕೆ

ಅತ್ಯಾಧುನಿಕ ಬಳಕೆ

Kannada

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

TacoTranslate ನಿಮ್ಮ React ಅನ್ವಯಿಕೆಗಳಲ್ಲಿ ಅರೇಬಿಕ್ ಮತ್ತು ಹೇಬ್ರೂ gibi ಬಲದಿಂದ ಎಡಕ್ಕೆ (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';
	// ...
}

ಭಾಷಾಂತರವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುವುದು

ಒಂದು ಸ್ಟ್ರಿಂಗ್‌ನ ನಿರ್ದಿಷ್ಟ ಭಾಗಗಳ ಅನುವಾದವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲು ಅಥವಾ ಕೆಲವು ಭಾಗಗಳನ್ನು ಅಸ-is ಆಗಿ ಉಳಿಸಲು, ನೀವು ತ್ರಿಪಲ್ಲಕದ ಚದರ ಖುಡ್ಡಿಗಳು ಬಳಸಬಹುದು. ಈ ವೈಶಿಷ್ಟ್ಯವು ಹೆಸರುಗಳು, ತಾಂತ್ರಿಕ ಪದಗಳು, ಅಥವಾ ಅನುವಾದಿಸಬಾರದ್ದ ಯಾವುದೇ ಇತರ ವಿಷಯಗಳ ಮೂಲ ಸ್ವರೂಪವನ್ನು ಉಳಿಸಲು ಉಪಯುಕ್ತವಾಗಿದೆ.

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 ಅನ್ನು ಸೇರಿಸಬಹುದು. ಇದೇ ವಿಷಯದ ಆಧಾರದಲ್ಲಿ ಒಂದೇ ಪಠ್ಯಕ್ಕೆ ವಿಭಿನ್ನ ಭಾಷಾಂತರಗಳ ಅಗತ್ಯವಿರುವಾಗ ಇದು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ. ವಿಶಿಷ್ಟ 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” ಆಗಿ ಅನುವಾದವಾಗಬಹುದು.

ಗರಿಷ್ಠ ಅಭ್ಯಾಸಗಳು