Lokalizasyon san efò pou aplikasyon React
Èske w ap chèche elaji aplikasyon React ou a nan nouvo mache? TacoTranslate fè li ekstrèman fasil pou lokalize app React ou yo, 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 ki egziste deja.
- Rekòlte Chenn Otomatik: Pa gen plis jere fichye JSON manyèlman. TacoTranslate otomatikman rekòlte chenn soti nan kòd ou a.
- Tradiksyon Pouvwa pa AI: Sèvi ak pouvwa AI pou bay tradiksyon ki egzak selon kontèks epi ki adapte ak ton aplikasyon ou a.
- Sipò Lang Imen: Ajoute sipò pou nouvo lang ak yon sèl klike, sa ki fè aplikasyon ou aksesib atravè lemond.
Kijan li fonksyone
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 pa mande w mete yon kat kredi.
Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè, epi ale nan onglè kle API li yo. Kreye yon kle read
yon sèl, ak yon kle read/write
yon sèl. 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
nan rasin pwojè ou.
Ou pral bezwen ajoute tou de lòt varyab anviwònman: TACOTRANSLATE_DEFAULT_LOCALE
ak TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: Kòd lokal default pou rezèv. Nan egzanp sa a, n ap mete li kòmen
pou lang anglè.TACOTRANSLATE_ORIGIN
: "Katab" kote chenn ou yo ap estoke, tankou URL sit entènèt ou a. Li plis sou orijin yo isit la.
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
sèkrè a soti nan anviwònman pwodiksyon bò kliyan an.
Konfigirasyon TacoTranslate
Inisyalize TacoTranslate nan aplikasyon React ou a pa anvlòp aplikasyon ou a 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 konpozan Translate
nenpòt kote nan aplikasyon ou an pou montre tèks tradui! Asire ou pou w tcheke dokimantasyon nou an pou plis enfòmasyon, ak gid enplemantasyon ki spesifik pou konfigirasyon ou an.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}
Benefis pou itilize TacoTranslate
- Ekonomize Tan: Otomatize pwosesis fatigan nan lokalizasyon ak koleksyon chenn yo, ekonomize tan ki gen anpil valè pou ou.
- Koute ki ba: Diminye bezwen tradiksyon manyèl, bese depans lokalizasyon ou.
- Amelyorasyon nan presizyon: Tradiksyon ki mache ak entèlijans atifisyèl asire rezilta ki konte nan kontèks epi ki gen bon kalite.
- Solisyon echèl: Ajoute fasil sipò pou nouvo lang pandan aplikasyon w lan ak baz kliyan ou ap grandi.
Kòmanse jodi a!
Aplikasyon React ou a ap tradui otomatikman lè ou ajoute nenpòt chèn nan yon Translate
konpozan. Remake byen se sèlman anviwònman ki gen pèmisyon read/write
sou kle API a ki ap kapab kreye nouvo chèn pou tradui.
Nou rekòmande pou ou genyen yon anviwònman etap fèmen ak sekirize kote ou kapab teste aplikasyon pwodiksyon ou, ajoute nouvo chèn avan ou ale an dirèk. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou, epi evite pwobableman 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!