Takardu: Mafi kyawun hanyoyi

Mafi kyawun hanyoyi

Hausa

Sanya URLs a cikin canje-canje

Lokacin fassara igiyoyin rubutu waɗanda ke ɗauke da URLs ko irin wannan bayanin, ana ɗaukar kyakkyawan aiki ne don sanya waɗannan URLs a cikin canje-canje sannan a ambace su a cikin samfuran ku.

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

Yi amfani da lakabin ARIA

Lokacin fassara rubutun abubuwan hulɗa kamar maballin, yana da muhimmanci a haɗa lakabin ARIA don tabbatar da samun damar amfani. Lakabin ARIA suna taimakawa na'urorin karanta allo su ba da bayanin da ya dace game da aikin abin.

Alal misali, idan kana da maballin da ke ba masu amfani damar kwafe rubutu daga wani ɓangaren lambar, zaka iya amfani da aria-label don bayar da cikakken bayanin:

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

Wani abu game da wannan yana ji sosai kamar meta.

Global origins array da asalinsu da yawa na sassa

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

Lokacin aiki da manyan aikace-aikace, yana da amfani a raba igiyoyi da fassara zuwa ƙananan asali da yawa. Wannan hanyar tana taimakawa rage girman kunshin da lokutan canja wuri, tabbatar da ingantaccen daidaita harshe mai aiki da yawa.

Duk da yake wannan abu ne mai sauƙi lokacin ƙirƙirar a ɓangaren abokin ciniki kawai, sarrafa asali yana iya zama mai rikitarwa yayin ɗaukar fassara don ƙirƙirar ɓangaren uwar garken. Koyaya, zaka iya sarrafa asali ta atomatik ta amfani da jerin origins na abokin ciniki TacoTranslate.

Ka duba 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 misalan server-side rendering don ƙarin bayani game da getTacoTranslateStaticProps.

Magance kurakurai da gano matsaloli