Mafi kyawun mafita don tsara fassarar ƙasa-da-ƙasa (i18n) a cikin aikace-aikacen React

Yadda yake aiki

Shigar da fakitin TacoTranslate ta npm:

npm install tacotranslate

Bayan kun shigar da module ɗin, za ku buƙaci ƙirƙirar asusun TacoTranslate, aikin fassara, da kuma maɓallan API masu alaƙa. Ƙirƙiri asusu anan. Kyauta ne, kuma ba ya buƙatar ku saka katin bashi.

A cikin UI na aikace-aikacen TacoTranslate, ƙirƙiri wani aiki, sannan ka je shafin makullin API ɗinsa. Ƙirƙiri maɓalli guda ɗaya read da kuma guda ɗaya read/write. Za mu adana su a matsayin canje-canjen muhalli. Maɓallin read shine abin da muke kira public, kuma maɓallin read/write shine secret. Misali, za ka iya ƙara su zuwa fayil .env a tushen aikin ka.

Hakanan, kuna buƙatar ƙara wasu canje-canjen muhalli guda biyu: TACOTRANSLATE_DEFAULT_LOCALE da TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Lambar yaren madadin ta tsoho. A cikin wannan misali, za mu sa shi zuwa en don Turanci.
• TACOTRANSLATE_ORIGIN: “folder” inda za a adana rubutunku, kamar URL na gidan yanar gizon ku. Karanta ƙarin bayani game da asali anan.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Ka tabbata kada ka taɓa fallasa sirrin read/write mabuɗin API zuwa muhalli na samarwa na bangaren abokin ciniki.

Saita TacoTranslate

Saita TacoTranslate a cikin aikace-aikacen React ɗinka ta hanyar nade aikace-aikacenka cikin mai ba da mahallin TacoTranslate:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

Yanzu za ku iya amfani da Translate sashi a ko'ina cikin aikace-aikacenku don nuna rubutu da aka fassara! Tabbatar ku duba takardunmu don ƙarin bayani, da kuma don jagororin aiwatarwa waɗanda suka dace da saitinku.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Fa'idodin amfani da TacoTranslate

• Ajiye lokaci: Yana sarrafa ta atomatik aikin da ke wahalarwa na keɓancewa da tattara rubutu, yana ajiye maka lokaci mai mahimmanci.
• Mai araha: Yana rage buƙatar fassarar hannu, yana rage kuɗin da ake kashewa wajen keɓancewa.
• Ingantaccen daidaito: Fassarar da AI ke samarwa tana tabbatar da sakamako masu daidaito a mahallinsu kuma masu inganci.
• Mafita mai faɗaɗa: Sauƙaƙe ƙara tallafi ga sababbin harsuna yayin da aikace-aikacenku da tushen abokan ciniki ke haɓaka.

Fara yau!

Aikace-aikacen React ɗinku za a fassara ta atomatik lokacin da kuka ƙara kowace kirtani zuwa Translate bangare. Lura cewa sai muhallai da ke da izinin read/write akan maɓallin API ne kawai za su iya ƙirƙirar sabbin kirtani da za a fassara.

Muna ba da shawarar ku samu rufaffiyar kuma tsare muhalli na gwaji inda za ku iya gwada aikace-aikacen ku na samarwa, kuna ƙara sabbin kirtani kafin a tura shi a fili. Wannan zai hana kowa satar maɓallin API ɗin ku na sirri, kuma zai rage yiwuwar cunkoson aikin fassarar ku ta hanyar ƙara kirtani marasa izini.

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!