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

Shin kuna neman faɗaɗa aikace-aikacen React ɗinku zuwa sababbin kasuwanni? TacoTranslate yana sanya matuƙar sauƙi wajen maida aikace-aikacen React ɗinku cikin harsuna daban-daban, yana ba ku damar isa ga masu sauraro na duniya ba tare da wahala ba.

Me ya sa za a zaɓi TacoTranslate don React?

Haɗin Kai Cikin Sauƙi: An ƙera shi musamman don aikace-aikacen React, TacoTranslate yana haɗawa cikin sauƙi cikin tsarin aikinku na yanzu.
Tattara Kirtani ta Atomatik: Ba kwa buƙatar sarrafa fayilolin JSON da hannu. TacoTranslate yana tattara kirtani daga kundin lambarku ta atomatik.
Fassarar da AI ke Samarwa: Yi amfani da ƙarfin AI don samar da fassarar da ta dace da mahallin kuma ta yi daidai da salo na aikace-aikacenku.
Tallafin Harshe Nan Da Nan: Ƙara tallafi ga sabbin harsuna da dannawa ɗaya kawai, yana sa aikace-aikacenku ya zama mai isa ga duniya baki ɗaya.

Yadda yake aiki

Shigar da fakitin TacoTranslate ta npm:

npm install tacotranslate

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

A cikin UI na aikace-aikacen TacoTranslate, ƙirƙiri wani aikin, sannan ka je zuwa shafin makullin API. Ƙirƙiri maɓalli ɗaya na read, da maɓalli ɗaya na read/write. Za mu ajiye su azaman 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 cikin fayil .env a tushen aikin ka.

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

TACOTRANSLATE_DEFAULT_LOCALE: Lambar wurin harshen madadin (fallback) ta tsoho. A cikin wannan misalin, za mu saita ta zuwa en don Turanci.
TACOTRANSLATE_ORIGIN: “Folder” inda za a adana rubutun (strings) ɗinku, kamar URL na gidan yanar gizonku. Karanta ƙarin bayani game da asali 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 maɓallin API na sirri read/write a yanayin samarwa na ɓangaren abokin ciniki.

Kafa TacoTranslate

Kaddamar da TacoTranslate a cikin aikace-aikacen React ɗinka ta hanyar nade aikace-aikacenka a 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 bangare a ko'ina cikin aikace-aikacenku don nuna rubutu da aka fassara! Tabbatar ku duba takardunmu don ƙarin bayani, da kuma don jagororin aiwatarwa na musamman dangane 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 wahala na daidaita harshe da tattara rubutu, yana ajiye maka lokaci mai muhimmanci.
Mai araha: Yana rage buƙatar fassarar hannu, yana rage yawan kuɗaɗen da ake kashewa wajen daidaita harshe.
Ingantaccen daidaito: Fassarorin da AI ke tallafawa suna tabbatar da daidaito dangane da mahallin da kuma sakamako masu inganci.
Magani mai faɗaɗawa: Kara tallafi ga sababbin harsuna cikin sauƙi yayin da aikace-aikacenka da tushen kwastomominka ke girma.

Fara yau!

Aikace-aikacen React ɗinku za a fassara ta atomatik lokacin da kuka ƙara kowace rubutu zuwa wani Translate ɓangare. Lura cewa yanayi da ke da izinin read/write a kan mabuɗin API kawai ne za su iya ƙirƙirar sabbin rubutu da za a fassara.

Muna ba da shawarar ku sami rufe kuma amintaccen muhalli na gwaji inda za ku gwada aikace-aikacen samarwa, ta hanyar ƙara sabbin rubutu kafin ku tashi zuwa aiki a fili. Wannan zai hana duk wani duk wani satar mabuɗin API ɗinku na asiri, kuma yana iya sa aikin fassarar ku ya yi ta ƙaru ba tare da bukata ba ta hanyar ƙara rubutu marasa kyau.

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!