Mafi kyawun magani don ƙasaɗa harsuna (i18n) a cikin aikace-aikacen React

Shin kuna neman fadada aikace-aikacen React ɗinku zuwa sabbin kasuwanni? TacoTranslate yana sauƙaƙa muku ƙwarai wajen ƙara harsuna a cikin aikace-aikacen React ɗinku, 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?

Hadin Kai Mai Sauƙi: An ƙera shi musamman don aikace-aikacen React, TacoTranslate yana haɗawa cikin sauƙi cikin tsarin aikinku na yanzu.
Taruwar Layi Ta atomatik: Ba kwa buƙatar sarrafa fayilolin JSON da hannu. TacoTranslate yana tattara layukan kai tsaye daga asalin lambar ku.
Fassarar AI ta Ƙarfi: Yi amfani da ikon AI don samar da fassarar da ta dace da mahallin da ke daidai da yanayin aikace-aikacenku.
Goyon Bayan Harshe Nan Take: Ƙara goyon bayan sabbin harsuna da dannawa ɗaya kawai, yana sa aikace-aikacenku ya zama abin amfani a duniya baki ɗaya.

Yadda yake aiki

Sanya fakitin TacoTranslate ta hanyar npm:

npm install tacotranslate

Lokacin da ka girka wannan module ɗin, za ka buƙaci ƙirƙirar asusun TacoTranslate, aikin fassara, da maɓallan API da suka dace. Ƙirƙiri asusu anan. Kyauta ne, kuma ba ya buƙatar ka ƙara kati na bashi.

A cikin UI na manhajar TacoTranslate, ƙirƙiri wani aiki, sannan ka je zuwa shafin mabuɗan API ɗinsa. Ƙirƙiri mabuɗin read, da kuma mabuɗin read/write. Za mu adana su a matsayin mahallin canje-canje (environment variables). Mabuɗin read shine abin da muke kira public, kuma mabuɗin read/write shine secret. Alal misali, zaka iya ƙara su a cikin fayil ɗin .env a tushen aikin ka.

Kuma za ku buƙaci ƙara wasu ƙarin sauye-sauyen muhalli guda biyu: TACOTRANSLATE_DEFAULT_LOCALE da TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Lambar tsohuwar yanki don mayar da martani. A cikin wannan misalin, za mu saita shi zuwa en don Turanci.
TACOTRANSLATE_ORIGIN: “Jakarka” inda za a ajiye rubutunka, kamar adireshin URL na gidan yanar gizonka. Karanta ƙarin 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 kar ka taba bayyana sirrin mabuɗin API na read/write ga yanayin samar da abokin ciniki na ɓangaren abokin ciniki.

Saita 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 ɓangaren a ko'ina cikin aikace-aikacenku don nuna rubutun da aka fassara! Ku tabbata ku duba takardunmu don ƙarin bayani, da kuma don 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

Adana lokaci: Yana sarrafa aikin daɗi na daidaita harshe da tattara kirtani, yana ceton maka lokaci mai mahimmanci.
Mai araha: Yana rage bukatar fassara da hannu, yana rage kudin daidaita harshe.
Ingantacciyar daidaito: Fassarar da AI ke samarwa tana tabbatar da daidaito a cikin mahallin da sakamako mai inganci.
Maganin da zai iya faɗaɗawa: Da sauƙi ƙara tallafi ga sababbin harsuna yayin da aikace-aikacenka da masu amfani ke ƙaruwa.

Fara yau!

Za a fassara aikace-aikacen React ɗinku ta atomatik lokacin da kuka ƙara kowane jerin kalmomi a cikin Translate ɓangare. Lura cewa yanayi ne kawai waɗanda ke da izinin read/write akan maɓallin API za su iya ƙirƙirar sabbin jerin kalmomi don a fassara.

Muna ba da shawarar ku sami yanayi na gwaji mai rufaffiya da tsaro inda za ku iya gwada aikace-aikacen samfurinku, ta hanyar ƙara sabbin jerin kalmomi kafin fitowar aiki. Wannan zai hana kowa ya sace sirrin maɓallin API ɗinku, kuma zai iya hana cika aikin fassara ta hanyar ƙara jerin kalmomi 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!