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

È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 ki pèmèt ou rive jwenn yon piblik mondyal san pwoblèm.

Poukisa chwazi TacoTranslate pou React?

Entegrasyon san pwoblèm: Ki fèt espesyalman pou aplikasyon React, TacoTranslate entegre san efò nan fason travay ou ki deja egziste.
Koleksyon Tèks Otomatik: Pa gen plis bezwen jere dosye JSON manyèlman. TacoTranslate kolekte otomatikman chenn tèks yo soti nan baz kòd ou a.
Tradiksyon ki fèt ak AI: Sèvi ak pouvwa AI pou bay tradiksyon ki egzat selon kontèks epi ki adapte ak ton aplikasyon ou.
Sipò Lang Imedyat: Ajoute sipò pou nouvo lang ak yon sèl klik, sa fè aplikasyon ou aksesib atravè lemond.

Ki jan li fonksyone

Enstale pakè TacoTranslate 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, e pa mande pou ou ajoute yon kat kredi.

Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè epi navige nan onglè 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 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 defo pou ranplasman an. Nan egzanp sa a, n ap mete li kòm en pou Angle.
TACOTRANSLATE_ORIGIN: “Katab” kote tèks ou yo ap estoke, tankou URL sit entènèt ou a. Aprann 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 anvlòp aplikasyon w lan 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 a pou montre tèks tradui! Asire w tcheke 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." />
	);
}

Avantaj nan itilize TacoTranslate

Sove tan: Otomatize pwosesis fatigan lokalizasyon ak koleksyon chenn yo, konsa ou sove tan ki gen anpil valè.
Pri-efikas: Redwi bezwen pou tradiksyon manyèl, konsa diminye depans lokalizasyon ou.
Pi bon presizyon: Tradiksyon ki sipòte pa AI asire rezilta ki egzak nan kontèks la epi ki wo 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 chèn tèks 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 genyen yon anviwònman staging fèmen epi sekirize kote ou ka teste aplikasyon pwodiksyon ou a, epi ajoute nouvo chèn anvan ou mete li an pwodiksyon. Sa ap anpeche nenpòt moun 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!