Lokalizasyon san efò pou aplikasyon React

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

Poukisa chwazi TacoTranslate pou React?

Seamless Integration: Ki fèt espesyalman pou aplikasyon React, TacoTranslate entegre san efò nan kouran travay ou deja genyen an.
Automatic String Collection: Pa bezwen ankò jere fichye JSON manyèlman. TacoTranslate kolekte otomatikman chenn tèks ki soti nan baz kòd ou.
AI-Powered Translations: Sèvi ak pouvwa entèlijans atifisyèl pou bay tradiksyon ki presi selon kontèks epi ki adapte ak ton aplikasyon ou.
Instant Language Support: Ajoute sipò pou nouvo lang ak jis yon klik, sa fè aplikasyon ou aksesib atravè lemond.

Kijan sa mache

Enstale pake TacoTranslate la 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 li pa mande pou ou ajoute yon kat kredi.

Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè epi navige 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 dosye .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 chenn tèks ou yo ap estoke, tankou URL sit wèb 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 pa janm divilge kle API sekrè read/write la nan anviwònman pwodiksyon bò kliyan yo.

Konfigire TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a lè w anvlòp aplikasyon an ak provè 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>
	);
}

Ou ka kounye a itilize konpozan Translate nenpòt kote nan aplikasyon w lan pou montre tèks tradui! Asire w pou w tcheke dokimantasyon nou an pou plis enfòmasyon ak 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 itilize TacoTranslate

Sove tan: Otomatize pwosesis fatigan lokalizasyon ak koleksyon chenn tèks yo, konsa w ap sove tan ki gen anpil valè.
Pri-abòdab: Redwi bezwen tradiksyon manyèl yo, sa bese depans lokalizasyon ou yo.
Pi gwo presizyon: Tradiksyon ki mache ak entèlijans atifisyèl (IA) asire rezilta ki egzat selon kontèks la epi ki bon kalite.
Solisyon eskalabl: 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 chenn tèks nan yon Translate konpozan. Remake ke sèlman anviwònman ki gen pèmisyon read/write sou kle API a ka kreye nouvo chenn tèks pou tradui.

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