Zgjidhja më e mirë për ndërkombëtarizimin (i18n) në aplikacionet React

Si funksionon

Instaloni paketën TacoTranslate përmes npm:

npm install tacotranslate

Kur të keni instaluar modulin, do t'ju duhet të krijoni një llogari TacoTranslate, një projekt përkthimi dhe çelësat përkatës API. Krijo një llogari këtu. Është falas, dhe nuk kërkon që të shtoni një kartë krediti.

Brenda ndërfaqes së aplikacionit TacoTranslate, krijoni një projekt dhe navigoni te skeda e çelësave API. Krijoni një çelës read dhe një çelës read/write. Ne do t’i ruajmë si variabla mjedisi. Çelësi read është ai që e quajmë public, dhe çelësi read/write është secret. Për shembull, mund t’i shtoni në një skedar .env në rrënjën e projektit tuaj.

Gjithashtu do t'ju duhet të shtoni dy variabla mjedisi të tjerë: TACOTRANSLATE_DEFAULT_LOCALE dhe TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Kodi i parazgjedhur për zonën gjeografike rezervë. Në këtë shembull, do ta vendosim në en për Anglisht.
• TACOTRANSLATE_ORIGIN: “Dosja” ku do të ruhen vargjet tuaja, si p.sh. URL-ja e faqes suaj të internetit. Lexoni më shumë rreth origjinave këtu.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Sigurohuni që kurrë të mos rrjedhni çelësin sekret read/write të API-së në mjediset e prodhimit në anën e klientit.

Konfigurimi i TacoTranslate

Inicializo TacoTranslate në aplikacionin tuaj React duke rrethuar aplikacionin tuaj me ofruesin e kontekstit 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>
	);
}

Tani mund të përdorni komponentin Translate kudo brenda aplikacionit tuaj për të shfaqur tekst të përkthyer! Sigurohuni të shikoni dokumentacionin tonë për më shumë informacion dhe për udhëzime të implementimit specifike për konfigurimin tuaj.

import {Translate} from 'tacotranslate/react';

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

Përfitimet e përdorimit të TacoTranslate

• Kursim kohe: Automatizon procesin e lodhshëm të lokalizimit dhe mbledhjes së vargjeve, duke ju kursyer kohë të vlefshme.
• Efektiv në kosto: Redukton nevojën për përkthime manuale, duke ulur kostot tuaja të lokalizimit.
• Saktësi e përmirësuar: Përkthimet e fuqizuara nga AI sigurojnë rezultate kontekstualisht të sakta dhe me cilësi të lartë.
• Zgjidhje e shkallëzueshme: Shtoni lehtësisht mbështetje për gjuhë të reja ndërsa aplikacioni dhe baza juaj e klientëve rriten.

Filloni sot!

Aplikacioni juaj React do të përkthehet automatikisht kur të shtoni çfarëdo vargu në një komponent Translate. Kini parasysh që vetëm ambientet me leje read/write në çelësin API do të mund të krijojnë vargje të reja për t’u përkthyer.

Ne rekomandojmë të keni një ambient staging të mbyllur dhe të sigurt ku mund të testoni aplikacionin tuaj të prodhimit, duke shtuar vargje të reja para se të shfaqet live. Kjo do të parandalojë që dikush të vjedhë çelësin tuaj sekret API dhe të shtojë vargje të padëshiruara që mund të fryjnë projektin tuaj të përkthimit.

Sigurohuni të shikoni shembujt e plotë në profilin tonë në GitHub. Nëse hasni ndonjë problem, mos hezitoni të na kontaktoni, dhe do të jemi shumë të lumtur t'ju ndihmojmë.

TacoTranslate ju lejon të lokalizoni automatikisht aplikacionet tuaja React shpejt në dhe nga çdo gjuhë. Përkthe falas!