Lokalizasyon san efò pou aplikasyon React

Èske w ap chèche elaji aplikasyon React ou a nan nouvo mache? TacoTranslate fè li fasil anpil pou lokalize aplikasyon React ou yo, e konsa ou kapab rive jwenn yon odyans mondyal san okenn tèt chaje.

Poukisa chwazi TacoTranslate pou React?

Entègrasyon san pwoblèm: Ki fèt espesyalman pou aplikasyon React, TacoTranslate entegre san efò nan kouran travay ou.
Koleksyon otomatik chenn tèks: Pa bezwen jere fichye JSON manyèlman ankò. TacoTranslate rasanble otomatikman chenn tèks yo soti nan baz kòd ou.
Tradiksyon ak Entèlijans Atifisyèl: Sèvi ak pouvwa entèlijans atifisyèl pou bay tradiksyon ki egzak nan kontèks la e ki adapte ak ton aplikasyon ou a.
Sipò lang enstantane: Ajoute sipò pou nouvo lang ak jis yon klik, sa fè aplikasyon ou aksesib atravè lemond.

Ki jan li fonksyone

Enstale pake TacoTranslate atravè npm:

npm install tacotranslate

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

Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè, epi ale nan tab kle API li a. 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 nan rasin pwojè w la.

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

TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal defo (fallback). Nan egzanp sa a, nou pral mete li sou en pou lang angle.
TACOTRANSLATE_ORIGIN: "katab" kote chèn 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 ou 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 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>
	);
}

Kounye a ou ka itilize konpozan Translate nenpòt kote nan aplikasyon w lan pou montre tèks tradui! Asire w pou w konsilte dokimantasyon 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

Sove tan: Otomatize pwosesis fatigan lokalizasyon ak koleksyon tèks yo, konsa ou sove tan presye.
Pri-efikas: Redwi bezwen tradiksyon manyèl yo, sa diminye depans lokalizasyon ou.
Amelyore presizyon: Tradiksyon ki baze sou entèlijans atifisyèl asire rezilta ki egzak nan kontèks la e ki wo kalite.
Solisyon echèl: Ajoute sipò pou nouvo lang fasilman 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 ke sèlman anviwònman ki gen pèmisyon read/write sou kle API a ap kapab kreye nouvo chèn pou tradui.

Nou rekòmande pou ou gen yon anviwònman staging fèmen ak sekirize kote ou ka teste aplikasyon pwodiksyon ou a, ajoute nouvo chèn anvan ou mete li 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 chèn ki 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!