TacoTranslate
/
DokimantasyonPri
 
Atik
May 04

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

Èske w ap chèche elaji aplikasyon React ou nan nouvo mache? TacoTranslate fè li ekstrèmman fasil pou lokalize aplikasyon React ou yo, sa ki pèmèt ou rive jwenn yon odyans mondyal san difikilte.

Poukisa chwazi TacoTranslate pou React?

  • Entégrasyon San Pwoblèm: Konsepsyon espesyalman pou aplikasyon React, TacoTranslate entegre fasil nan workflow ou k ap egziste deja.
  • Rekòlte Chèn Otomatik: Pa gen plis jere dosye JSON manyèlman. TacoTranslate otomatikman rekòlte chèn soti nan baz kòd ou.
  • Tradiksyon Pouse pa AI: Sèvi ak pouvwa AI pou bay tradiksyon ki egzak nan kontèks e ki adapte ak ton aplikasyon ou.
  • Sipò Lang Enstantane: Ajoute sipò pou nouvo lang ak jis yon klike, fè aplikasyon ou aksesib mondyalman.

Kijan li fonksyone

Enstale pake TacoTranslate 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, e pa mande ou ajoute yon kat kredi.

Nan koòdone itilizatè aplikasyon TacoTranslate la, kreye yon pwojè, epi ale nan onglet kle API li yo. Kreye yon kle read, epi yon kle read/write. N ap sove yo kòm varyab anviwònman. Kle read nan se sa nou rele public, epi kle read/write nan se secret. Pa egzanp, ou ta ka ajoute yo nan yon fichye .env nan rasin pwojè w lan.

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

  • TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal rezèv defo a. Nan egzanp sa a, nou pral mete li kòm en pou lang angle.
  • TACOTRANSLATE_ORIGIN: “Katab” kote yo pral estoke chèn ou yo, 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 pa janm kite kle API sekrè read/write a flote nan anviwònman pwodiksyon bò kliyan an.

Konfigirasyon TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa anvlòp 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 itilize konpozan Translate nenpòt kote nan aplikasyon w lan pou montre tèks ki tradui! Asire w pou w tcheke dokumentasyon nou an pou plis enfòmasyon, ak gid aplikasyon 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

  • Ekonomi tan: Otomatize pwosesis fatigan lokalizasyon ak koleksyon kòd yo, sa ede w ekonomize tan ki gen anpil valè.
  • Pri-efikas: Diminye bezwen pou tradiksyon manyèl, sa bese depans lokalizasyon ou.
  • Presizyon amelyore: Tradiksyon ki mache ak entèlijans atifisyèl asire rezilta ki egzat dapre kontèks ak ki gen bon kalite.
  • Solisyon ki kapab elaji: Fasilman ajoute sipò pou nouvo lang pandan aplikasyon ou ak baz kliyan ou ap grandi.

Kòmanse jodi a!

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

Nou rekòmande pou genyen yon anviwònman staging ki fèmen epi sekirize kote ou ka teste aplikasyon pwodiksyon ou, ajoute nouvo chèn anvan ou ale an dirèk. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou, epi potansyèlman evite gonfle pwojè tradiksyon ou a pa ajoute chèn malveyan.

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!

Yon pwodwi soti nan NattskiftetFè nan Nòvèj