Takardun shaida: Mafi kyawun hanyoyi

Mafi kyawun hanyoyi

Hausa

Saka URLs cikin canje-canje

Lokacin fassara jerin kalmomi da ke ɗauke da URLs ko bayanai makamancin haka, ana ɗaukar kyakkyawan aiki ne sanya waɗannan URLs a cikin canje-canje sannan a yi nuni 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 haɗa alamomin ARIA don tabbatar da samun dama. Alamomin ARIA suna taimaka wa masu karanta allo su bayar da cikakken bayani game da aikin abin.

Alal misali, idan kana da maɓallin da ke ba masu amfani damar kwafe rubutu daga wani ƙungiyar lambar, zaka iya amfani da sifa aria-label don bayar da bayyana a fili:

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

Wani abu game da wannan yana da matuƙar ma'ana.

Jerin asali na duniya da asalin sassa masu yawa

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

Lokacin aiki da manyan aikace-aikace, yana da amfani a raba igiyoyi da fassarar zuwa wurare da yawa, ƙanana. Wannan hanya tana taimakawa rage girman kunshin da kuma lokutan canja wuri, tana tabbatar da ingantacciyar daidaitawa da kuma daidaitaccen yare.

Duk da yake wannan abu ne mai sauƙi lokacin da ake yin nunin kawai a bangaren abokin ciniki, sarrafa wurare yana saurin rikicewa lokacin da ake ɗaukar fassarar don nunin bangaren uwar garke. Duk da haka, za ka iya sarrafa wuraren ta atomatik ta amfani da jerin origins na abokin cinikin TacoTranslate.

Ka yi la’akari da wannan misali, inda muka ware abubuwan mu da shafukan mu 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 server-side rendering don ƙarin bayani game da getTacoTranslateStaticProps.

Sarrafa kuskure da kuma gyaran kurakurai

Mafi kyawun hanyoyi

Yi amfani da lakabin ARIA

Jerin asali na duniya da asalin sassa masu yawa