Takaddun Bayani: Amfani da TacoTranslate

Amfani da TacoTranslate

Hausa

Fassarar rubutun

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

Amfani da sashin Translate.
Yana fitar da fassarori a cikin wani sashin span, kuma yana goyon bayan nuna HTML.

import {Translate} from 'tacotranslate/react';

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

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

Amfani da useTranslation hook.
Yana mayar da fassarori a matsayin kirtani na rubutu. Mai amfani, misali, a cikin alamomin 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 translateEntries kayan aiki.
Fassara ƙirtani a ɓangaren uwar garke. Haɓaka hotunan OpenGraph.

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 rubutun suka isa sabobinmu, da farko muna tabbatar da su kuma mu adana su, sannan nan take mu mayar da fassarar inji. Duk da cewa fassarorin inji gabaɗaya ba su kai na AI ɗinmu ba wajen inganci, suna ba da amsa ta farko cikin sauri.

A lokaci guda, muna kaddamar da aikin fassara wanda ba ya buƙatar jira don samar da fassarar AI mai inganci, ta zamani, ga rubutunku. Da zarar fassarar AI ta kammala, za ta maye gurbin fassarar injin kuma za a aika da ita duk lokacin da kuka nemi fassara don rubutunku.

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

Amfani da asali

Ayyukan TacoTranslate suna ƙunshe da abin da muke kira tushoshi. Ku yi tunanin su a matsayin wuraren shigarwa, fayiloli, ko ƙungiyoyi don rubutunku da fassarorinsu.

import {TacoTranslate} from 'tacotranslate/react';

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

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

Don samun sarrafawa cikin daki-daki, za ku iya saita origins a matakin component.

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

Da fatan za a lura cewa rubutu ɗaya na iya samun fassaruwa daban-daban a asali daban-daban.

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

Sarrafa masu canji

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

Ana ayyana masu canzawa a cikin kirtani ta amfani da alamar 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}});
}

Sarrafa abun ciki na HTML

Ta tsoho, sashin Translate yana tallafawa kuma yana nuna abun ciki na HTML. Sai dai, za ku iya gujewa wannan hali ta hanyar saita useDangerouslySetInnerHTML zuwa false.

Ana ba da shawara sosai a kashe nunin HTML lokacin da ake fassara abubuwan da ba a yarda da su ba, kamar abubuwan da masu amfani suka ƙirƙira.

Duk fitarwa ana tsabtace ta koyaushe tare da sanitize-html kafin a nuna ta.

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 nuna a matsayin rubutu mai sauƙi.

Nunin ɓangaren uwar-garke

Amfani da TacoTranslate

Yadda ake fassara rubutu

Amfani da asali

Sarrafa masu canji

Sarrafa abun ciki na HTML