Takardun bayanai: Mafi kyawun hanyoyi

Mafi kyawun hanyoyi

Hausa

Sanya URLs a cikin masu canji

Lokacin fassara kirtani waɗanda ke ɗauke da URLs ko makamantan bayanai, ana ɗaukar kyakkyawan aiki a sanya waɗannan URLs a cikin canje-canje sannan a ambace su cikin samfuran ku.

<Translate
	string={`Click <a href="{{url}}">here</a>`}
	variables={{url: 'https://tacotranslate.com'}}
/>

Lokacin fassara rubutun abubuwan hulɗa kamar maballai, yana da muhimmanci a haɗa lakabi na ARIA don tabbatar da samun damar amfani. Lakabi na ARIA suna taimaka wa na'urorin karanta allo su ba da bayanai masu bayyana game da aikin abin.

Misali, idan kuna da maballin da ke ba masu amfani damar kwafe rubutu daga toshewar lamba, kuna iya amfani da aria-label sifa don ba da bayani a sarari:

<Translate
	aria-label={useTranslation('Copy to clipboard')}
	string="Copy"
/>

Wani abu game da wannan yana da matuƙar 'meta'.

Jerin Asalin Duniya da Asalin Bangarori da Yawa

Wannan tsarin yana aiki ne kawai lokacin da ake amfani da Next.js Pages Router.

Lokacin aiki da manyan manhajoji, yana da kyau a raba rubutu da fassarori zuwa maɓuɓuka da dama, ƙanana. Wannan hanyar na taimakawa rage girman fakiti da lokutan canja wurin, yana tabbatar da ingantacciyar kuma mai sauƙin faɗaɗawa na fassarar yare.

Duk da yake wannan abu ne mai sauƙi idan ana yin nunawa a gefen mai amfani kaɗai, sarrafa maɓuɓɓuka zai iya saurin rikicewa lokacin da ake ɗaukar fassarori don nunawa a gefen uwar garke. Koyaya, za ka iya sarrafa maɓuɓɓuka ta atomatik ta amfani da jeren origins na abokin aikin TacoTranslate.

Yi la'akari da wannan misali, inda muka raba bangarori da shafukanmu cikin fayiloli daban-daban.

components/pricing-table.tsx

import TacoTranslate, {Translate} from 'tacotranslate/react';
import tacoTranslate from '../tacotranslate-client';

// Set an origin name for this component
const origin = 'components/pricing-table';

// Push the origin into the origins array as this file is imported
tacoTranslate.origins.push(origin);

export default function PricingTable() {
	return (
		<TacoTranslate origin={origin}>
			<Translate string="Pricing table" />
			// ...
		</TacoTranslate>
	);
}

pages/pricing.tsx

import TacoTranslate, {Translate} from 'tacotranslate/react';
import getTacoTranslateStaticProps from 'tacotranslate/next/get-static-props';
import tacoTranslateClient from '../tacotranslate-client';
import PricingTable from '../components/pricing-table';

const origin = 'pages/pricing';
tacoTranslateClient.origins.push(origin);

export default function PricingPage() {
	return (
		<TacoTranslate origin={origin}>
			<Translate string="Pricing page" />
			<PricingTable />
		</TacoTranslate>
	);
}

// We will now fetch translations for all imported components and their origins automatically
export async function getStaticProps(context) {
	return getTacoTranslateStaticProps(context, {client: tacoTranslateClient});
}

Duba misalan aiwatarwa a bangaren sabar don ƙarin bayani game da getTacoTranslateStaticProps.

Sarrafa da binciken kurakurai

Mafi kyawun hanyoyi

Yi amfani da lakabin ARIA

Jerin Asalin Duniya da Asalin Bangarori da Yawa