ሰነድ: የተሻለ አጠቃቀም

ከፍተኛ አጠቃቀም

Amharic

ከቀኝ ወደ ግራ ቋንቋዎችን አስተዳደር

TacoTranslate ከቀኝ ወደ ግራ (RTL) የሚከተሉ ቋንቋዎች፣ እንደ ዓረብኛ እና ሄብሩ፣ በReact መተግበሪያዎችዎ ውስጥ በቀላሉ ይደግፋል። የ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)}}
		/>
	);
}

ብዙ ቋንቋዎች

በአንድ መተግበሪያ ውስጥ በአንድ ጊዜ ብዙ ቋንቋዎችን ለመደገፍ፣ በተለያዩ 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 ወደ Translate ኮምፖኔንት መጨመር ይችላሉ፤ ይህም ለአንደኛው ቃል ተለያዩ ትርጉሞች ወይም ማለት ለማስተካከል ይረዳዋል። ይህ በተለይ ጠቃሚ ነው ሲሆን አንደኛው ጽሑፍ በሁኔታ መሠረት የተለያዩ ትርጉሞች ሲፈለጉ ይጠቅማል። በልዩ መለያዎች በመስጠት የእያንዳንዱን ጽሑፍ ክፍል በእሱ የሚያመለክተው ትርጉም መሠረት ላይ ትክክለኛ እንዲተረጉም ያረጋግጣሉ።

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” በስፓኒያኛ።

ምርጥ ልምዶች