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

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

Poukisa chwazi TacoTranslate pou React?

Entégrasyon San Pwoblèm: Konsepsyon espesyalman pou aplikasyon React, TacoTranslate entegre fasil nan workflow ekzistan ou.
Koleksyon Chèn Otomatik: Pa gen plis jere fichye JSON manyèlman. TacoTranslate kolekte chèn yo otomatikman nan kòd ou.
Tradiksyon ki Sèvi ak AI: Pwofite pouvwa AI pou bay tradiksyon ki egzak dapre kontèks e ki adapte ak ton aplikasyon ou.
Sipò Imedyat pou Lang: Ajoute sipò pou nouvo lang ak yon sèl klik, sa ki fè aplikasyon ou aksesib atravè lemond.

Kijan li fonksyone

Enstale pake TacoTranslate a 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 ajoute yon kat kredi.

Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè, epi ale nan onglet kle API li yo. Kreye yon kle read youn, epi yon kle read/write youn. Nou pral sove yo kòm varyab anviwònman. Kle read lan se sa nou rele public, epi kle read/write lan se secret. Pa egzanp, ou ta ka ajoute yo nan yon fichye .env nan rasin pwojè ou a.

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

TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal default ke sistèm nan retounen otomatikman. Nan egzanp sa a, n ap mete li sou en pou lang angle.
TACOTRANSLATE_ORIGIN: “Katab” kote fisèl ou yo ap estoke, tankou URL sit entènèt ou a. Li plis sou orijin 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 pa janm lage kle API sekrè read/write nan anviwònman pwodiksyon bò kliyan an.

Konfigire TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a pa anvlòp aplikasyon ou a nan founisè konteks 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 pou montre tèks tradui a! Asire ou ke ou tcheke dokimantasyon nou an pou plis enfòmasyon, ak pou gid aplikasyon ki espesyalman adapte ak konfigirasyon ou.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Benefis pou itilize TacoTranslate

Sove tan: Otomatize pwosesis fatigan lokalizasyon ak koleksyon strings, konsa w ap sove tan ki gen anpil valè.
Kout efikas: Diminye bezwen tradiksyon manyèl, sa ki bese depans lokalizasyon ou.
Pi bon presizyon: Tradiksyon ki baze sou entèlijans atifisyèl asire rezilta ki egzat ak bon jan kalite nan kontèks la.
Solisyon eskalab: 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è w ajoute nenpòt chenn nan yon konpozan Translate. Note byen ke sèlman anviwònman ki gen pèmisyon read/write sou kle API a ap kapab kreye chenn nouvo 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 anvan ou mete li an liy. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou a, epi evite ke pwojè tradiksyon ou a pa gonfle ak chenn 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!