ದಾಖಲೆ: ಅಗ್ರಗಣ್ಯ ಬಳಕೆ

ಆಧುನಿಕ ಬಳಕೆ

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

ಟLoading ನ್ನು ಸಂಚಾರಿಸುವುದು

ಗ್ರಾಹಕ ಬದಿಗೆ ಭಾಷೆಗಳನ್ನು ಬದಲಾಯಿಸುವಾಗ, ಬಳಕೆದಾರನ ಸಂಪರ್ಕದ ಅವಲಂಬನೆಯಲ್ಲಿ ಅನುವಾದಗಳನ್ನು ಪಡೆಯಲು ಕೆಲವು ಕ್ಷಣಗಳಾಗಬಹುದು. ಬದಲಾವಣೆ ಸಂದರ್ಭದಲ್ಲಿ ದೃಶ್ಯ ಪ್ರತಿಸ್ಪಂದನವನ್ನು ಒದಗಿಸುವ ಮೂಲಕ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲು ನೀವು ಲೋಡಿಂಗ್ ಸೂಚಕವನ್ನು ಪ್ರದರ್ಶಿಸಬಹುದು.

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

ನೀವು ಒಂದು 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” ಎಂದು ಅನುವಾದಿಸಲಾಗಬಹುದು.

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