Lokalim pa mundim për aplikacionet React

Si funksionon

Instaloni paketën TacoTranslate përmes npm-së:

npm install tacotranslate

Kur keni instaluar modulin, do t'ju duhet të krijoni një llogari TacoTranslate, një projekt përkthimi, dhe çelësa API përkatës. Krijoni një llogari këtu. Është falas, dhe nuk kërkon të shtoni kartën tuaj të kreditit.

Brenda UI-së së aplikacionit TacoTranslate, krijo një projekt dhe navigo në skedën e çelësave API. Krijo një çelës read dhe një çelës read/write. Ne do t’i ruajmë si variabla të mjedisit. Çelësi read është ai që e quajmë public dhe çelësi read/write është secret. Për shembull, mund t’i shtosh ato në një skedar .env në rrënjën e projektit tënd.

Do të duhet gjithashtu të shtoni edhe dy variabla mjedisi: TACOTRANSLATE_DEFAULT_LOCALE dhe TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Kodi i parazgjedhur i lokalizimit 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

Sigurohu që kurrë të mos zbulohet çelësi sekret read/write i API-së në mjediset e prodhimit në anën e klientit.

Konfigurimi i TacoTranslate

Inicioni TacoTranslate në aplikacionin tuaj React duke e 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 që 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

• Shpëton kohë: Automatizon procesin e lodhshëm të lokalizimit dhe mbledhjes së vargjeve, duke ju kursyer kohë të çmuar.
• Kosto-efektive: Zvogëlon nevojën për përkthime manuale, duke ulur kostot e lokalizimit tuaj.
• Saktësi e përmirësuar: Përkthimet me AI sigurojnë rezultate të sakta në kontekst 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 e klientëve tuaj rriten.

Filloni sot!

Aplikacioni juaj React do të përkthehet automatikisht kur shtoni çdo varg tek një komponent Translate. Kini parasysh që vetëm mjediset me lejet read/write në çelësin API do të jenë në gjendje të krijojnë vargje të reja për t’u përkthyer.

Ne rekomandojmë të keni një mjedis staging të mbyllur dhe të sigurt ku mund të testoni aplikacionin tuaj prodhues duke shtuar vargje të reja para se të nisni live. Kjo do të parandalojë që dikush të vjedhë çelësin tuaj sekret API, dhe potencialisht të mbingarkojë projektin tuaj të përkthimit duke shtuar vargje të padrejta.

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

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