ලේඛනය: උසස් භාවිතය

උසස් පරිහරණය

Sinhala

වමෙන් දකුණට භාෂා කළමනාකරණය කිරීම

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

ඔබට දැනට පවතින භාෂාව React විය නොහැකි ඉන් පිටතේ පිරික්සීමට අපි ලබා දී ඇති isRightToLeftLocaleCode ක්‍රියාකාරකමද භාවිතා කළ හැකිය.

import {isRightToLeftLocaleCode} from 'tacotranslate';

function foo(locale = 'es') {
	const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
	// ...
}

පරිවර්තනය අක්‍රීය කිරීම

ස්ත්‍රිං එකේ විශේෂ කොටස්වල පරිවර්තනය අක්‍රීය කිරීමට හෝ කීප කොටස් as-is ලෙස රඳවා තැබීමට, ඔබට triple square brackets භාවිතා කළ හැකිය. මෙම විශේෂාංගය නම්, තාක්ෂණික පද, හෝ පරිවර්තනය කළ යුතු නැති වෙනත් කිසියම් අන්තර්ගතය මුල් ආකෘතියේ රඳවා තබා ගැනීමට ප්‍රයෝජනවත් වේ.

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

පූරණය කළමනාකරණය කිරීම

පාරිභෝගික පැත්තේ භාෂා මාරුවන විට, පරිවර්තන ලබා ගැනීම පරිශීලකගේ සම්බන්ධතාවය අනුව කිහිප වSecond කාලයක් ගත විය හැකිය. මාරුවීමේදී දර්ශන සත්‍යාපනයක් සැපයීමට ඔබට භාර බද්ධ කිරීමේ සංකේතයක් ප්‍රදර්ශනය කර පරිශීලක අත්දැකීම වර්ධනය කළ හැකිය.

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

පරිවර්තන හැඳුනුම් අංක භාවිතය

ඔබට Translate කොම්පොනන්තුවට id එකක් එක් කළ හැකි අතර මෙය එකම පෙළකට විවිධ පරිවර්තන හෝ අර්ථයන් කළමනාකරණය කිරීමට උපකාරී වේ. එකම පෙළට පරිද්ද අනුව විවිධ පරිවර්තන අවශ්‍ය වන අවස්ථාවලදී මෙය විශේෂයෙන් ප්‍රයෝජනවත් වේ. අනන්‍ය 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” ලෙස සිදු විය හැක.

හොඳම ක්‍රියා පටිපාටියන්