Lokalizasyon san efò pou aplikasyon React

Èske w ap chèche elaji aplikasyon React ou nan nouvo mache? TacoTranslate fè li ekstraòdinè fasil pou lokalize aplikasyon React ou yo, ki pèmèt ou rive jwenn yon odyans mondyal san okenn pwoblèm.

Poukisa chwazi TacoTranslate pou React?

Entegrasyon San Pwoblèm: Konseye espesyalman pou aplikasyon React, TacoTranslate entegre fasil nan workflow ou ki egziste deja.
Koleksyon Chèn Otomatik: Pa gen plis jere fichye JSON manyèlman. TacoTranslate kolekte otomatikman chenn nan baz kòd ou a.
Tradiksyon Pouvwa pa AI: Sèvi ak pouvwa AI pou bay tradiksyon ki presi selon kontèks ki adapte ak ton aplikasyon w lan.
Sipò Lang Imedyat: Ajoute sipò pou nouvo lang avèk yon sèl klike, fè aplikasyon w lan aksesib atravè lemond.

Kijan li mache

Enstale pake TacoTranslate la atravè 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 ou ajoute yon kat kredi.

Nan entèfas itilizatè aplikasyon TacoTranslate la, kreye yon pwojè, epi ale nan onglè kle API li yo. Kreye yon kle read, epi 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 ka ajoute yo nan yon fichye .env nan rasin pwojè w la.

W ap bezwen ajoute de lòt varyab anviwònman ankò: TACOTRANSLATE_DEFAULT_LOCALE ak TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal defo pou rezèv. Nan egzanp sa a, n ap mete l sou en pou lang Anglè.
TACOTRANSLATE_ORIGIN: “Dòsye” kote kòd tèks ou yo ap 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 pa janm kite kle API read/write sekrè a soti nan anviwònman pwodiksyon bò kliyan an.

Konfigirasyon TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa vlope aplikasyon ou a nan 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 sèvi ak konpozan Translate nenpòt kote nan aplikasyon ou pou montre tèks tradui a! Asire w pou w tcheke dokimantasyon nou an pou plis enfòmasyon, epi pou gid aplikasyon ki adapte espesyalman ak konfigirasyon ou.

import {Translate} from 'tacotranslate/react';

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

Avantaj itilize TacoTranslate

Ekonome tan: Otomatize pwosesis lokalizasyon an fatigan ak koleksyon fisèl, sa sove ou anpil tan ki gen valè.
Kout efikas: Redwi bezwen tradiksyon manyèl, diminye depans lokalizasyon ou.
Amelyore presizyon: Tradiksyon ki mache ak AI asire rezilta ki konte nan kontèks epi ki gen bon kalite.
Solisyon ki kapab elaji: Ajoute fasilman sipò pou nouvo lang pandan aplikasyon ou ak baz kliyan ou ap grandi.

Kòmanse jodi a!

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

Nou rekòmande pou w gen yon anviwònman staging fèmen ak sekirize kote ou ka teste aplikasyon pwodiksyon ou a, ajoute nouvo chenn avan ou ale an dirèk. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou a, epi potansyèlman anfle pwojè tradiksyon ou a lè yo ajoute chenn move kalite.

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!