Takaddun Bayani: Mafi kyawun ayyuka

Mafi kyawun ayyuka

Hausa

Sanya URLs a cikin masu canji

Lokacin fassara rubutu da ke ɗauke da URLs ko makamantan bayanai, ana ganin yana da kyau a sanya waɗannan URLs cikin masu canji (variables) sannan a yi amfani da su a cikin samfuran ku (templates).

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

Lokacin fassara rubutun abubuwan hulɗa kamar maɓallan, yana da muhimmanci a haɗa alamomin ARIA don tabbatar da samun dama. Alamomin ARIA suna taimakawa masu karanta allo wajen ba da bayani mai bayyana game da aikin abin.

Alal misali, idan kuna da maɓalli da ke ba masu amfani damar kwafe rubutu daga wani toshewar lamba, za ku iya amfani da sifa aria-label don samar da bayani a fili:

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

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

Jerin tushen duniya da tushen bangarori da yawa

Wannan tsarin yana aiki ne kawai idan ana amfani da Next.js Pages Router.

Yayin aiki da manyan aikace‑aikace, yana da amfani a raba rubuce‑rubuce da fassarori zuwa asali da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman kunshi da lokutan canja wurin, tana tabbatar da tsarin daidaita harshe mai inganci kuma mai iya faɗaɗawa.

Duk da cewa wannan abu ne mai sauƙi idan ana yin nunawa kawai a ɓangaren abokin ciniki, sarrafa asali na iya zama mai rikitarwa cikin sauri lokacin da ake ɗauko fassarori don nunawa a ɓangaren uwar garke. Sai dai, za ka iya sarrafa asali ta atomatik ta amfani da jerin origins na abokin ciniki na TacoTranslate.

Yi la'akari da wannan misali, inda muka raba abubuwanmu da shafukanmu zuwa 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 misalanmu na nunin a gefen sabar don ƙarin bayani game da getTacoTranslateStaticProps.

Magance kurakurai da gyaran kurakurai

Mafi kyawun ayyuka

Yi amfani da lakabin ARIA

Jerin tushen duniya da tushen bangarori da yawa