Takardun Bayani: Amfani da TacoTranslate

Amfani da TacoTranslate

Hausa

Fassarar rubutun

A halin yanzu akwai hanyoyi guda uku don fassara kirtani: bangaren Translate, hook ɗin useTranslation, ko kayan aikin translateEntries.

Amfani da sashin Translate.
Yana fitar da fassara cikin abin span, kuma yana goyon bayan nunin HTML.

import {Translate} from 'tacotranslate/react';

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

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

Amfani da useTranslation hook.
Yana dawo da fassarori a matsayin rubutu mai sauƙi. Yana da amfani, misali, a cikin tag ɗin meta.

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 kayan aikin translateEntries.
Fassara rubutun a ɓangaren sabar. Inganta hotunanku na OpenGraph sosai.

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

Da zarar rubutun suka isa sabobinmu, da farko muna tantance su kuma muna adana su, sannan nan take muna mayar da fassarorin na'ura. Ko da yake fassarorin na'ura gabaɗaya ba su kai ingancin fassarorin AI ɗinmu ba, suna ba da saurin amsa na farko.

A lokaci guda, muna kaddamar da aikin fassara na asynchronous don samar da fassarar AI mai inganci kuma na zamani ga rubutunku. Da zarar fassarar AI ta shirya, za ta maye gurbin fassarar da na'ura ta yi kuma za a aika ta duk lokacin da kuka nemi fassarorin rubutunku.

Idan kun fassara wani kirtani da hannu, waɗancan fassarorin za su fi rinjaye kuma za a mayar da su maimakon haka.

Amfani da asali

Ayyukan TacoTranslate suna ƙunshe da abin da muke kira origins. Ku yi tunanin su a matsayin ƙofofin shiga, fayiloli, ko rukunoni don rubuce-rubucenku da fassararinku.

import {TacoTranslate} from 'tacotranslate/react';

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

Asali suna ba ku damar rarraba kirtani cikin akwatuna masu ma'ana. Alal misali, za ku iya samun asali guda ɗaya don takardun bayanai da wani don shafin tallace-tallace.

Don ƙarin sarrafa daki-daki, za ka iya saita origins a matakin component.

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

Lura cewa kirtani ɗaya na iya samun fassarori daban-daban a majiyoyi daban-daban.

A ƙarshe, yadda za ku raba kirtani zuwa tushoshi ya dogara da ku da bukatunku. Duk da haka, lura cewa samun kirtani da yawa a cikin tushen guda ɗaya na iya ƙara lokacin lodawa.

Gudanar da masu canji

Ya kamata koyaushe ku yi amfani da masu canji don abubuwan da ke canzawa, kamar sunayen masu amfani, kwanaki, adireshin imel, da sauransu.

Ana ayyana variables a cikin strings ta amfani da bracket 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 matsayin tsoho, sashin Translate yana tallafawa kuma yana nuna abun ciki na HTML. Sai dai, za ka iya zaɓar kada a yi wannan hali ta hanyar saita useDangerouslySetInnerHTML zuwa false.

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

Ana tsarkake dukkan fitarwa koyaushe tare 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}
		/>
	);
}

Za a nuna misalin da ke sama a matsayin rubutu tsantsa.

Nunawa a gefen sabar

Amfani da TacoTranslate

Yadda ake fassara kirtani

Amfani da asali

Gudanar da masu canji

Sarrafa abun ciki na HTML