ሰነድ ማስተላለፊያ: የተሻለ አጠቃቀም

ከፍተኛ አጠቃቀም

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” ተቀይሯል በስፓኒሽ።

ተሻማሚ ልምዶች