Takardun Bayani: Amfani da TacoTranslate

Amfani da TacoTranslate

Hausa

Fassara ƙirtani

A halin yanzu akwai hanyoyi guda uku na fassara jumloli: Kayan Translate, makullin useTranslation, ko kuma kayan aiki translateEntries.

Amfani da Translate ɓangare.
Yana fitar da fassarar cikin span abu, kuma yana goyon bayan nuna HTML.

import {Translate} from 'tacotranslate/react';

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

Kuna iya canza nau'in ɓangare ta amfani da, misali, as="p" a cikin ɓangaren.

Amfani da useTranslation hook.
Yana dawo da fassarori a matsayin rubutu kai tsaye. Amfani da shi a, misali, cikin 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 jimloli a ɓangaren uwar garke. Ƙarfafa hotunan OpenGraph ɗinka.

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 ƙaƙarorin suka isa sabobinmu, muna fara tabbatarwa da adanawa, sannan nan take muna dawo da fassarar injin. Duk da cewa fassarorin injin gabaɗaya sun yi ƙaranci a inganci idan aka kwatanta da fassarorin AI ɗinmu, suna bayar da saurin amsa na farko.

A lokaci guda, muna farawa aikin fassara maras jituwa don samar da fassarar AI mai inganci, na zamani ga kalmar ku. Da zarar fassarar AI ta shirya, za ta maye gurbin fassarar na'ura kuma za a aika ta duk lokacin da kuka nema fassarar kalmominku.

Idan ka fassara wani rubutu da hannu, waɗancan fassarorin suna da fifiko kuma za a mayar da su maimakon haka.

Amfani da tushe

Ayyukan TacoTranslate suna ɗauke da abin da muka kira asali. Ka yi tunanin su a matsayin wuraren shiga, manyan fayiloli, ko ƙungiyoyi don jimlolinka da fassarorinka.

import {TacoTranslate} from 'tacotranslate/react';

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

Asali suna ba ku damar rarraba igiyoyi cikin kwantena masu ma'ana. Misali, za ku iya samun asali guda ɗaya don takardun bayani da wani don shafin tallan ku.

Don samun cikakken iko, za ku iya saita *origins* a matakin ***component***.

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

Da fatan za a lura cewa iri ɗaya na iya samun fassarar daban-daban a wurare daban-daban.

A ƙarshe, yadda kake rarraba igiyoyi zuwa asalin su ya rataya gare ka da bukatunka. Duk da haka, ka lura cewa kasancewar da yawa igiyoyi cikin asali guda ɗaya na iya ƙara lokacin lodawa.

Sarrafa canje-canje

Ya kamata koyaushe ka yi amfani da [variables] don abun ciki mai canzawa, kamar sunayen masu amfani, kwanakin lokaci, adireshin imel, da sauransu.

Ana bayyana canje-canje cikin jimloli ta amfani da baka 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}});
}

Gudanar da abun ciki na HTML

A tsayar da tsoho, Translate sashi yana goyan baya kuma yana nuna abun ciki na HTML. Duk da haka, za ka iya cire kanka daga wannan halayya ta hanyar saita useDangerouslySetInnerHTML zuwa false.

Ana ba da shawarar sosai a kashe fassarar HTML lokacin fassara abubuwan da ba a amince da su ba, kamar abubuwan da masu amfani suka kirkira.

Duk fitarwa ana tsarkake su koyaushe da sanitize-html kafin a nuna su.

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 za a fassara shi a matsayin rubutu kai tsaye.

Ginin shafi a ɓangaren uwar garke

Amfani da TacoTranslate

Yadda ake fassara igiyoyi

Amfani da tushe

Sarrafa canje-canje

Gudanar da abun ciki na HTML