Takardun Bayani: Mafi Kyawun Ayyuka

Mafi kyawun hanyoyi

Hausa

Sanya URLs a cikin masu canji

Lokacin fassara jimlolin da ke ɗauke da URLs ko makamantan bayanai, ana ganin yana da kyau a saka waɗannan URLs ɗin cikin masu canji sannan a yi amfani da su a cikin samfuran ku.

<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 saka lakabin ARIA don tabbatar da samun damar amfani. Lakabin ARIA suna taimakawa na'urorin karanta allo su ba da bayani mai bayyana game da aikin abin.

Misali, idan kana da maɓalli wanda ke ba masu amfani damar kwafe rubutu daga wani yanki na lamba, za ka iya amfani da aria-label sifa don ba da cikakken bayani:

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

Wani abu game da wannan yana da matukar kama da meta.

Jerin tushen duniya da tushen bangarori da yawa

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

Lokacin aiki da manyan aikace-aikace, yana da amfani a raba rubutu da fassoshi zuwa asali da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman fakiti da lokacin canja wuri, tana tabbatar da ingantacciyar kuma za a iya faɗaɗa fassara.

Duk da yake wannan abu ne mai sauƙi idan ana yin rendering ne kawai a ɓangaren abokin ciniki, sarrafa asali yana saurin rikicewa lokacin da ake ɗauko fassoshi don rendering a ɓangaren sabar. Duk da haka, za ka iya sarrafa asali ta atomatik ta amfani da jerin origins na abokin cinikin TacoTranslate.

Yi la'akari da wannan misali, inda muka raba sassanmu 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 misalan nunawa a ɓangaren uwar garke don ƙarin bayani game da getTacoTranslateStaticProps.

Sarrafa kurakurai da bincike

Mafi kyawun hanyoyi

Yi amfani da lakabobin ARIA

Jerin tushen duniya da tushen bangarori da yawa