Takardun Bayani: Amfani da TacoTranslate

Amfani da TacoTranslate

Hausa

Fassara ƙirar rubutu

A halin yanzu akwai hanyoyi uku na fassara igiyoyi: Kwamfanin Translate, maƙallan useTranslation, ko kuma kayan aikin translateEntries.

Amfani da Translate sashi.
Yana fitar da fassarar a cikin span sashi, kuma yana goyan bayan nuna HTML.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

Kuna iya canza nau'in abin ta amfani da, misali, as="p" a kan sashi.

Amfani da useTranslation hook.
Yana mayar da fassarar a matsayin rubutu na al'ada. Amfani da shi cikin, misali, meta tags.

import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';

function Page() {
	const helloWorld = useTranslation('Hello, world!');

	useEffect(() => {
		alert(helloWorld);
	}, [helloWorld]);

	return (
		<title>{useTranslation('My page title')}</title>
	);
}

Amfani da translateEntries kayan aiki.
Fassara žarukan a gefen sabar. Kara karfin hotunan OpenGraph ɗinku.

import {createEntry, translateEntries} from 'tacotranslate';

async function generateMetadata(locale = 'es') {
	const title = createEntry({string: 'Hello, world!'});
	const description = createEntry({string: 'TacoTranslate on the server'});

	const translations = await translateEntries(
		tacoTranslate,
		{origin: 'opengraph', locale},
		[title, description]
	);

	return {
		title: translations(title),
		description: translations(description)
	};
}

Lokacin da ɗugun kalmomi suka iso ga sabobinmu, muna fara tabbatar da su sannan mu ajiye su, sai mu dawo da fassarar na’ura nan take. Duk da cewa fassarar na’ura gabaɗaya tana da ƙarancin inganci idan aka kwatanta da fassarorin AI ɗinmu, suna ba da amsa mai sauri a farko.

A lokaci guda, muna ƙaddamar da aikin fassara mara lokaci don samar da fassarar AI mai inganci, ta zamani don zarenka. Da zarar fassarar AI ta shirya, za ta maye gurbin fassarar na'ura kuma za a aika duk lokacin da ka nemi fassarar zangonka.

Idan kun fassara wani rubutu da hannu, waɗannan fassarorin su ne za su fara aiki kuma za a mayar da su maimakon haka.

Amfani da tushen bayanai

Ayyukan TacoTranslate suna ɗauke da abin da muke kira asali. Ka yi tunanin su a matsayin wuraren shiga, fayiloli, ko ƙungiyoyi na rubuce-rubucenka da fassarar.

import {TacoTranslate} from 'tacotranslate/react';

function Menu() {
	return (
		<TacoTranslate origin="application-menu">
			// ...
		</TacoTranslate>
	);
}

Asali suna ba ka damar raba rubutu zuwa mahimman kwantena. Misali, za ka iya samun asali ɗaya don takardun shaida da wani don shafin tallan ka.

Don samun cikakken iko, za ka iya kafa origins a matakin sashi.

Don cimma wannan, yi la'akari da amfani da masu samar da TacoTranslate da yawa a cikin aikin ku.

Da fatan a lura cewa ɗaya irin wannan layin na iya samun fassaruwa daban-daban a cikin wurare daban-daban.

A ƙarshe, yadda za ka raba igiyoyi zuwa asali ya dogara da kai da bukatunka. Duk da haka, ka lura cewa samun igiyoyi da yawa cikin asali guda na iya ƙara lokacin lodawa.

Sarrafa canje-canje

Ya kamata koyaushe ka yi amfani da [variables] don abubuwan da ke canzawa, kamar sunayen masu amfani, kwanakin, adireshin imel, da ƙari.

Ana bayyana canje-canje a cikin rubutu ta amfani da maboyoyi biyu, kamar {{variable}}.

import {Translate} from 'tacotranslate/react';

function Greeting() {
	const name = 'Juan';
	return <Translate string="Hello, {{name}}!" variables={{name}} />;
}

import {useTranslation} from 'tacotranslate/react';

function useGreeting() {
	const name = 'Juan';
	return useTranslation('Hello, {{name}}!', {variables: {name}});
}

Sarrafa abun ciki na HTML

A tsoho, Translate ɓangaren yana goyan baya kuma yana nuna abun cikin HTML. Duk da haka, za ka iya tsallake wannan hali ta hanyar saita useDangerouslySetInnerHTML zuwa false.

Ana ƙarfafa a kashe yiwuwar ƙirƙirar HTML lokacin fassara abun da ba a yarda da shi ba, kamar abun da masu amfani suka ƙirƙira.

Duk fitarwa ana kiyaye shi koyaushe da sanitize-html kafin a nuna shi.

import {Translate} from 'tacotranslate/react';

function Page() {
	return (
		<Translate
			string={`
				Welcome to <strong>my</strong> website.
				I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
			`}
			variables={{url: 'https://tacotranslate.com'}}
			useDangerouslySetInnerHTML={false}
		/>
	);
}

Misalin da ke sama zai bayyana a matsayin rubutu mai sauƙi.

Nuna a ɓangaren uwar garke

Amfani da TacoTranslate

Yadda ake fassara ƙaɗa

Amfani da tushen bayanai

Sarrafa canje-canje

Sarrafa abun ciki na HTML