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

Shin kuna son faɗaɗa aikace‑aikacen React ɗinku zuwa sabbin kasuwanni? TacoTranslate yana matuƙar sauƙaƙa saita aikace‑aikacen React ɗinku don amfani da harsuna daban‑daban, yana ba ku damar isa ga masu sauraro na duniya ba tare da wahala ba.

Me yasa za a zaɓi TacoTranslate don React?

Haɗawa Cikin Sauƙi: An tsara shi musamman don aikace-aikacen React; TacoTranslate yana haɗuwa cikin sauƙi cikin tsarin aikace-aikacenka na yanzu.
Tattara Rubutu ta atomatik: Ba za a sake sarrafa fayilolin JSON da hannu ba. TacoTranslate yana tattara rubutun daga tushen lambarka ta atomatik.
Fassarorin da AI ke tallafawa: Yi amfani da ƙarfin AI don samar da fassarori masu daidaito bisa mahallin da suka dace da salo na aikace-aikacenka.
Tallafin Harshe Nan Take: Kara tallafin sabbin harsuna da dannawa ɗaya kawai, yana sa aikace-aikacenka ya zama mai samuwa a duniya.

Yadda yake aiki

Shigar da fakitin TacoTranslate ta npm:

npm install tacotranslate

Da zarar kun shigar da module ɗin, za ku buƙaci ƙirƙirar asusun TacoTranslate, aikin fassara, da kuma maballan API masu alaƙa. Ƙirƙiri asusu a nan. Kyauta ne, kuma ba ya buƙatar ku saka katin kuɗi.

A cikin UI na aikace-aikacen TacoTranslate, ƙirƙiri wani aikin, sannan ka je shafin maɓallan API. Ƙirƙiri guda ɗaya read maɓalli, da guda ɗaya read/write maɓalli. Za mu adana su a matsayin canje-canjen muhalli. Ana kiran read maɓalli da public, yayin da read/write maɓalli shine secret. Alal misali, za ka iya ƙara su cikin fayil .env a tushen aikin ka.

Haka kuma, za ku buƙaci ƙara wasu ƙarin maɓallan muhalli guda biyu: TACOTRANSLATE_DEFAULT_LOCALE da TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Lambar yaren dawowa (fallback) ta tsoho. A cikin wannan misalin, za mu saita ta zuwa en don Turanci.
TACOTRANSLATE_ORIGIN: “folder” inda za a adana rubutunku, kamar adireshin URL na gidan yanar gizonku. Karanta ƙarin bayani game da origins anan.

.env

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

Tabbatar kada ku taɓa fallasa sirrin read/write maɓallin API ga yanayin samarwa na ɓangaren abokin ciniki.

Saitawa TacoTranslate

Saita TacoTranslate a cikin aikace-aikacen React ɗinku ta hanyar nade aikace-aikacenku cikin mai samar 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 bayananmu don ƙarin bayani da jagororin aiwatarwa na musamman ga saitinku.

import {Translate} from 'tacotranslate/react';

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

Fa'idodin amfani da TacoTranslate

Ceton lokaci: Yana sarrafa aikin gajiya na daidaita abun ciki da tattara rubutu ta atomatik, yana ba ka damar ajiye lokaci mai mahimmanci.
Mai araha: Yana rage buƙatar fassarar hannu, yana rage kuɗin da ake kashewa kan daidaita abun ciki.
Ingantaccen daidaito: Fassarorin da fasahar AI ke samarwa suna tabbatar da sakamako masu dacewa da mahallin kuma masu inganci.
Mafita mai iya faɗaɗa: Ƙara tallafi ga sababbin harsuna cikin sauƙi yayin da aikace-aikacenka da tushen abokan cinikinka suke ƙaruwa.

Fara a yau!

Za a fassara aikace-aikacen React ɗinku ta atomatik lokacin da kuka ƙara kowane rubutu a cikin Translate bangare. Lura cewa kawai muhallin da ke da izinin read/write a kan mabuɗin API zai iya ƙirƙirar sabbin rubutu da za a fassara.

Muna ba da shawarar ku kafa wani muhalli na gwaji mai rufewa da tsaro inda za ku iya gwada aikace-aikacenku na samarwa, sannan ku ƙara sabbin rubutu kafin a tura shi zuwa rayuwa. Wannan zai hana kowa satar mabuɗin API ɗinku na sirri, kuma zai hana yiwuwar cika aikin fassarar ku da ƙarin rubutu 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!