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

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

Poukisa chwazi TacoTranslate pou React?

Entègrasyon san pwoblèm: Ki fèt espesyalman pou aplikasyon React yo, TacoTranslate entegre san efò nan kouran travay ou a.
Koleksyon chenn tèks otomatik: Pa gen plis bezwen jere fichye JSON manyèlman. TacoTranslate rekòlte otomatikman chenn tèks yo soti nan baz kòd ou a.
Tradiksyon ki fèt ak entèlijans atifisyèl: Sèvi ak pouvwa entèlijans atifisyèl la pou bay tradiksyon ki egzak selon 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 a aksesib atravè lemond.

Kijan 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, epi li pa mande pou w 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 ak 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è ou a.

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

TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal defo (fallback). Nan egzanp sa a, n ap mete li sou en pou Angle.
TACOTRANSLATE_ORIGIN: “folder” kote chèn 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 pou ou pa janm revele kle API sekrè read/write la nan anviwònman pwodiksyon bò kliyan an.

Konfigire TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa vlope li nan founisè kontèks TacoTranslate:

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 konsilte dokimantasyon 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." />
	);
}

Benefis lè w sèvi ak TacoTranslate

Sove tan: Otomatize pwosesis fatigan lokalizasyon an ak koleksyon tèks yo, konsa ou ekonomize tan ki gen anpil valè.
Ekonomik: Diminye bezwen pou tradiksyon manyèl, sa redui depans lokalizasyon ou.
Pi bon presizyon: Tradiksyon ki mache ak entèlijans atifisyèl asire rezilta ki presi selon kontèks la ak bon jan kalite ki wo.
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 pral tradui otomatikman lè ou ajoute nenpòt chèn 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 chèn pou tradui.

Nou rekòmande pou gen yon anviwònman etap (staging) fèmen ak sekirize kote ou ka teste aplikasyon pwodiksyon ou a, ajoute nouvo chèn anvan ou pibliye li. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou a, epi petèt gonfle pwojè tradiksyon ou a si yo ajoute chèn 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!