Takardun shaida: Amfani na ci gaba

Amfani na ci gaba

Hausa

Sarrafa harsunan daga dama zuwa hagu

TacoTranslate yana sauƙaƙa tallafawa harsunan daga dama zuwa hagu (RTL), kamar Larabci da Ibrananci, a cikin aikace-aikacen React ɗinku. Sarrafa harsunan RTL yadda ya kamata yana tabbatar da cewa abun cikin ku yana bayyana daidai ga masu amfani da ke karantawa daga dama zuwa hagu.

import {useTacoTranslate} from 'tacotranslate/react';

function Document() {
	const {locale, isRightToLeft} = useTacoTranslate();

	return (
		<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
			<body>
				// ...
			</body>
		</html>
	);
}

Kuna kuma iya amfani da aikin da aka bayar na isRightToLeftLocaleCode don duba harshen yanzu daga wajen React.

import {isRightToLeftLocaleCode} from 'tacotranslate';

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

Kashe fassara

Don yin watsi da fassarar wasu sassa na rubutu ko don tabbatar da cewa wasu ɓangarori suna kasancewa yadda suke, za ka iya amfani da kwatankwacin murabba'in zagaye ukku. Wannan fasalin yana da amfani wajen kiyaye ainihin tsarin sunaye, kalmomin fasaha, ko wasu abubuwa da ba su kamata a fassara ba.

import {Translate} from 'tacotranslate/react';

function Component() {
	return (
		<Translate string="Hello, [[[TacoTranslate]]]!" />
	);
}

A cikin wannan misalin, kalmar “TacoTranslate” ba za ta canza ba a cikin fassarar.

Masu bayar da sabis na TacoTranslate da yawa

Muna ƙarfafa amfani da masu ba da sabis na TacoTranslate da yawa a cikin aikace-aikacenku. Wannan yana da amfani don tsara fassarar ku da igiyoyi zuwa asali daban-daban, kamar kanun shafi, ƙasan shafi, ko sassa na musamman.

Kuna iya karanta ƙarin bayani game da amfani da asali anan.

Masu ba da TacoTranslate suna gadon saituna daga kowanne mai ba da na uwa, don haka ba za ku sake maimaita wasu saituna ba.

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

Sauya asali ko yanki

Baya ga amfani da masu samar da TacoTranslate da yawa, za ka iya kuma canza asali da yare a matakan Translate na bangare da useTranslation na makala.

import {Translate, useTranslation} from 'tacotranslate/react';

function Greeting() {
	const spanishHello = useTranslation('Hello!', {locale: 'es'});

	return (
		<>
			{spanishHello}
			<Translate string="What’s up?" origin="greeting" />
		</>
	);
}

Sarrafa ɗaukar kaya

Lokacin canza harsuna a ɓangaren abokin ciniki, samo fassara na iya ɗaukar ƴan lokuta dangane da haɗin hanyar mai amfani. Kuna iya nuna alamar lodawa don inganta ƙwarewar mai amfani ta hanyar bayar da amsa ta gani yayin canjin.

import {useTacoTranslate} from 'tacotranslate/react';

function Component() {
	const {isLoading} = useTacoTranslate();

	return (
		isLoading ? 'Translations are loading...' : null
	);
}

Rarraba jam'i

Don magance jerin yawa da nuna alamomin da suka dogara da ƙidaya daidai a cikin harsuna daban-daban, wannan ana ɗauka a matsayin mafi kyawun aiki:

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

Harsuna da dama

Don tallafa wa harsuna da dama a lokaci guda cikin aikace-aikacen guda, za ka iya amfani da masu samar da TacoTranslate] da dama tare da daban-daban locale kamar yadda aka nuna a ƙasa:

Hakanan za ka iya sauya locale a matakin bangaren ko na kai.

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

Amfani da ID na fassara

Kuna iya ƙara id zuwa cikin Translate don sarrafa fassarar daban-daban ko ma’anoni daban na wannan rubutu. Wannan yana da amfani musamman idan rubutu ɗaya yana buƙatar fassarar daban bisa ga mahallin. Ta hanyar sanya ID na musamman, kuna tabbatar da cewa kowanne lokaci na wannan rubutu ana fassara shi daidai gwargwadon ma’anarsa ta musamman.

import {Translate} from 'tacotranslate/react';

function Header() {
	return (
		<Translate id="header" string="Login" />
	);
}

function Footer() {
	return (
		<Translate id="footer" string="Login" />
	);
}

Alal misali, shiga na saman shafi na iya fassaruwa zuwa “Iniciar sesión”, kuma shiga na ƙasan shafi na iya fassaruwa zuwa “Acceder” a cikin harshen Spanish.

Mafi kyawun hanyoyi