ሰነድ ማስተላለፊያ: የደረጃ በላይ አጠቃቀም

ልምድ ያለ አጠቃቀም

Amharic

ቀኝ እስከ ግራ ቋንቋዎችን እንዴት እንደሚቆጣጠሩ

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

ትርጉም መጥፋት እንደማይሰራ

ለሕትመት የተወሰኑ ክፍሎችን ለመሰረዝ ወይም አንዳንድ ክፍሎች እንደሚኖሩበት ለማረጋገጥ ሶስት መካከለኛ ክትትል 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" />
		</>
	);
}

ማስገባት እንደምን እንደሚከናወን ማስተካከያ

በክላይንት በዘንድ ቋንቋዎችን ሲቀይሩ፣ የትርጉም ማግኘት ከተጠቃሚው ግንኙነት መሠረት ሲያምር ጥቂት ጊዜ ሊወስድ ይችላል። በመቀየር ሂደት የታየ እንቅስቃሴ ማቅረብ በመጠቀም የተጠቃሚ ልምድን ማሻሻል ይቻላል።

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

እርስዎ ለአንደኛው 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” ሊተረጉም ይችላል።

ተሻማሚ ልምዶች