ሰነድ ማብራሪያ፡ የተሻለ አጠቃቀም

የተደጋጋሚ አጠቃቀም

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

ትርጉም መከላከል

የስምንት ክፍሎች ትርጉም ለማስከላከል ወይም አንዳንድ ክፍሎች እንደ ራሳቸው ለማስቀምጥ ሶስት አራት ኮቦችን መጠቀም ትችላለህ። ይህ ባህሪ ስሞች፣ ቴክኒካል ቃላት ወይም ሌሎች ማንኛውም የማይተረጉሙ ይዘቶች የመነሻ ቅርጸ ተከታታይነትን ለማስቀመጥ አጠቃላይ ነው።

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

ምርጥ አሰራሮች