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, sa pèmèt ou rive jwenn yon odyans mondyal san okenn tèt chaje.

Poukisa chwazi TacoTranslate pou React?

Entegrasyon San Pwoblèm: Ki fèt espesyalman pou aplikasyon React, TacoTranslate entegre san efò nan pwosesis travay ou ki egziste deja.
Koleksyon Tèks Otomatik: Pa bezwen jere fichye JSON manyèlman ankò. TacoTranslate otomatikman kolekte chenn tèks soti nan baz kòd ou.
Tradiksyon Ki Apiye sou AI: Sèvi ak pouvwa AI pou bay tradiksyon ki egzak selon kontèks epi ki adapte ak ton aplikasyon w lan.
Sipò Lang Enstantane: Ajoute sipò pou nouvo lang ak yon sèl klik, sa fè aplikasyon w lan aksesib atravè lemond.

Kijan sa mache

Enstale pake TacoTranslate atravè npm:

npm install tacotranslate

Yon fwa ou fin enstale modil la, w ap bezwen kreye yon kont TacoTranslate, yon pwojè tradiksyon, ak kle API ki asosye yo. Kreye yon kont isit la. Li gratis, epi ou pa bezwen ajoute yon kat kredi.

Nan UI aplikasyon TacoTranslate la, kreye yon pwojè epi navige nan onglè kle API li a. Kreye yon kle read ak yon kle read/write. N ap 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 ranplasman pa defo. Nan egzanp sa a, n ap mete li sou en pou Angle.
TACOTRANSLATE_ORIGIN: “katab” kote tèks ou yo pral estoke, tankou URL sit entènèt 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 w pa janm revele kle API sekrè read/write la nan anviwònman pwodiksyon sou bò kliyan an.

Konfigire TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa anvlope 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>
	);
}

Kounye a ou ka itilize Translate konpozan nenpòt kote nan aplikasyon ou pou montre tèks tradui! Asire w pou w tcheke dokumentasyon nou an pou plis enfòmasyon, epi pou gid enplemantasyon ki espesifik pou konfigirasyon ou.

import {Translate} from 'tacotranslate/react';

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

Avantaj pou itilize TacoTranslate

Ekonomize tan: Otomatize pwosesis fatigan lokalizasyon an ak koleksyon chèn tèks yo, konsa ou sove tan ki gen anpil valè.
Ekonomik: Redwi bezwen pou tradiksyon manyèl, sa diminye depans lokalizasyon ou yo.
Presizyon amelyore: Tradiksyon ki mache ak entèlijans atifisyèl asire rezilta ki egzak selon kontèks la e ki gen bon jan kalite.
Solisyon ki kapab elaji: Ajoute fasilman sipò pou nouvo lang pandan aplikasyon w lan ak baz kliyan ou ap grandi.

Kòmanse jodi a!

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

Nou rekòmande pou w gen yon anviwònman tès fèmen ak sekirize kote ou kapab teste aplikasyon pwodiksyon ou a, ajoute nouvo chenn anvan ou mete l an pwodiksyon. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou a, epi potansyèlman gonfle pwojè tradiksyon ou a pa 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!