Lokalizasyon san efò pou aplikasyon React

Èske w ap chèche elaji aplikasyon React ou a pou nouvo mache? TacoTranslate fè li ekstrèmman fasil pou lokalize aplikasyon React ou yo, ki pèmèt ou rive jwenn yon odyans mondyal san 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.
Rasanbleman tèks otomatik: Pa bezwen ankò jere fichye JSON manyèlman. TacoTranslate rasanble otomatikman chenn tèks ki soti nan baz kòd ou.
Tradiksyon ak entèlijans atifisyèl: Sèvi ak pouvwa entèlijans atifisyèl pou bay tradiksyon ki presi selon kontèks epi ki adapte ak ton aplikasyon ou a.
Sipò lang imedyat: Ajoute sipò pou nouvo lang ak jis yon klik, sa pèmèt aplikasyon ou vin aksesib atravè lemond.

Ki jan sa mache

Enstale pake TacoTranslate atravè npm:

npm install tacotranslate

Lè 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, e pa mande pou w antre yon kat kredi.

Nan entèfas itilizatè aplikasyon TacoTranslate la, kreye yon pwojè, epi navige nan tab kle API li a. 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 ta ka ajoute yo nan yon fichye .env ki nan rasin pwojè ou a.

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 pa defo. Nan egzanp sa a, n ap mete l 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 pa janm revele kle API sekrè read/write la nan anviwònman pwodiksyon bò kliyan an.

Konfigirasyon TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa mete aplikasyon an anndan 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 ou a pou montre tèks ki tradui! Asire w pou w tcheke dokumentasyon nou an pou plis enfòmasyon, ak 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 lè w itilize TacoTranslate

Ekonomize tan: Otomatize pwosesis fatigan lokalizasyon an ak koleksyon tèks yo, konsa ou sove tan presye.
Ekonomik: Redwi bezwen pou tradiksyon manyèl yo, sa diminye depans lokalizasyon ou.
Pi bon presizyon: Tradiksyon ki sèvi ak entèlijans atifisyèl asire rezilta ki egzak selon kontèks la epi ki bon kalite.
Solisyon ki fasil pou elaji: Ajoute sipò pou nouvo lang fasilman 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 tèks nan yon Translate konpozan. Remake ke sèlman anviwònman ki gen read/write pèmisyon sou kle API a ap kapab kreye nouvo chenn tèks pou tradui.

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