Pi bon solisyon pou entènasyonalizasyon (i18n) nan aplikasyon React yo

Èske w ap chèche elaji aplikasyon React ou a nan nouvo mache? TacoTranslate fè li trè fasil pou lokalize aplikasyon React ou yo, konsa ou ka rive jwenn yon odyans mondyal san traka.

Poukisa chwazi TacoTranslate pou React?

Entegrasyon san pwoblèm: Ki fèt espesyalman pou aplikasyon React, TacoTranslate entegre san efò nan kouran travay ou genyen an.
Koleksyon chenn otomatik: Pa bezwen jere fichye JSON manyèlman ankò. TacoTranslate otomatikman kolekte chenn tèks ki nan baz kòd ou a.
Tradiksyon ki itilize entèlijans atifisyèl: Sèvi ak pouvwa entèlijans atifisyèl pou bay tradiksyon ki presi nan kontèks la e ki adapte ak ton aplikasyon w lan.
Sipò imedyat pou lang: Ajoute sipò pou nouvo lang ak yon sèl klik, sa ki fè aplikasyon w lan aksesib atravè lemond.

Ki jan sa mache

Enstale pake TacoTranslate la avèk npm:

npm install tacotranslate

Lè ou fin enstale modil la, ou pral bezwen kreye yon kont TacoTranslate, yon pwojè tradiksyon, ak kle API ki asosye yo. Kreye yon kont isit la. Li gratis, epi li pa mande pou ou ajoute yon kat kredi.

Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè, epi ale nan onglet kle API li yo. Kreye yon kle read, epi yon kle read/write. Nou pral sove yo kòm varyab anviwònman. Kle read la se sa nou rele public, epi kle read/write la se secret. Pa egzanp, ou ta ka ajoute yo nan yon fichye .env ki nan rasin pwojè ou a.

Ou pral bezwen tou ajoute de lòt varyab anviwònman: TACOTRANSLATE_DEFAULT_LOCALE ak TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal defo ki sèvi kòm rezèv. Nan egzanp sa a, n ap mete li sou en pou angle.
TACOTRANSLATE_ORIGIN: “folder” kote chenn tèks ou yo pral estoke, tankou URL sit wèb ou a. Li plis sou orijin yo isit la.

.env

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

Asire w pou ou pa janm revele kle API sekrè read/write la nan anviwònman pwodiksyon bò kliyan an.

Konfigirasyon TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa anvlòp aplikasyon an ak founisè kontèks TacoTranslate la:

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>
	);
}

Ou ka kounye a itilize konpozan Translate nenpòt kote nan aplikasyon w lan pou afiche tèks tradui! Asire w pou w tcheke dokimantasyon nou an pou plis enfòmasyon, epi pou gid enplemantasyon ki espesifik pou konfigirasyon w lan.

import {Translate} from 'tacotranslate/react';

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

Avantaj pou itilize TacoTranslate

Ekonomize tan: Li otomatize travay fatigan lokalizasyon ak koleksyon chenn tèks yo, konsa ou ekonomize tan ki gen anpil valè.
Ekonomik: Redwi bezwen pou tradiksyon manyèl, sa diminye depans lokalizasyon ou.
Pi bon presizyon: Tradiksyon ki mache ak entèlijans atifisyèl asire rezilta ki kòrèk selon kontèks la epi ki gen bon kalite.
Solisyon ki fasil pou elaji: Ajoute fasilman sipò pou nouvo lang pandan aplikasyon w ak baz kliyan w ap grandi.

Kòmanse jodi a!

Aplikasyon React ou a pral tradwi otomatikman lè ou ajoute nenpòt tèks nan yon Translate konpozan. Sonje ke se sèlman anviwònman ki gen pèmisyon read/write sou kle API a ki pral kapab kreye nouvo tèks pou tradui.

Nou rekòmande pou w gen yon anviwònman staging fèmen ak sekirize kote ou ka teste aplikasyon pwodiksyon ou a, epi ajoute nouvo tèks anvan ou pibliye li. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou a, e potansyèlman anfle pwojè tradiksyon ou a si yo ajoute chenn pa otorize.

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!