ಡಾಕ್ಯುಮೆಂಟೇಶನ್: ಅಡ್ವಾನ್ಸಡ್ ಬಳಕೆ

ಪ್ರಗತಿಯುತ ಬಳಸಿಕೊಳ್ಳುವಿಕೆ

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

ಬಹುಭಾಷೆಗಳು

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

ಉತ್ತಮ ಆಚಾರಗಳನ್ನು