Labākais risinājums internacionalizācijai (i18n) React lietotnēm

Vai vēlaties paplašināt savu React lietotni jaunos tirgos? TacoTranslate padara React lietotņu lokalizāciju ārkārtīgi vienkāršu, ļaujot jums sasniegt globālu auditoriju bez sarežģījumiem.

Kāpēc izvēlēties TacoTranslate React lietotnēm?

Bezšuvju integrācija: Izstrādāts īpaši React lietotnēm, TacoTranslate viegli iekļaujas jūsu esošajā darbplūsmā.
Automātiska virkņu vākšana: Vairs nav nepieciešams manuāli pārvaldīt JSON failus. TacoTranslate automātiski vāc virknes no jūsu koda bāzes.
Mākslīgā intelekta darbināti tulkojumi: Izmantojiet mākslīgā intelekta spēku, lai nodrošinātu kontekstuāli precīzus tulkojumus, kas atbilst jūsu lietotnes tonim.
Tūlītējs valodu atbalsts: Pievienojiet atbalstu jaunām valodām ar vienu klikšķi, padarot jūsu lietotni pieejamu visā pasaulē.

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad modulis ir instalēts, jums būs jāizveido TacoTranslate konts, tulkojumu projekts un atbilstošas API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas, un nav nepieciešams pievienot kredītkarti.

TacoTranslate lietotnes lietotāja saskarnē izveidojiet projektu un dodieties uz tā API atslēgu cilni. Izveidojiet vienu read atslēgu un vienu read/write atslēgu. Mēs tās saglabāsim kā vides mainīgos. read atslēgu saucam par public, savukārt read/write atslēgu — par secret. Piemēram, jūs varat pievienot tās sava projekta saknes .env failam.

Jums arī būs jāpievieno vēl divi vides mainīgie: TACOTRANSLATE_DEFAULT_LOCALE un TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma rezerves lokāles kods. Šajā piemērā mēs to iestatīsim uz en, kas apzīmē angļu valodu.
TACOTRANSLATE_ORIGIN: “mape”, kurā tiks saglabātas jūsu virknes, piemēram jūsu vietnes URL. Uzziniet vairāk par origin šeit.

.env

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

Pārliecinieties, ka slepenā read/write API atslēga nekad netiek nopludināta klienta puses ražošanas vidēs.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, ietinot lietotni TacoTranslate konteksta nodrošinātājā:

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>
	);
}

Tagad varat izmantot Translate komponentu jebkurā savas lietotnes vietā, lai attēlotu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un atrastu īstenošanas ceļvežus, kas piemēroti jūsu konfigurācijai.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate izmantošanas priekšrocības

Laika ietaupījums: Automatizē lokalizācijas un virkņu vākšanas nogurdinošo procesu, ietaupot jūsu vērtīgo laiku.
Izdevīgi: Samazina nepieciešamību pēc manuāliem tulkojumiem, samazinot jūsu lokalizācijas izmaksas.
Uzlabota precizitāte: Mākslīgā intelekta darbināti tulkojumi nodrošina kontekstuāli precīzus un augstas kvalitātes rezultātus.
Mērogojams risinājums: Ļauj viegli pievienot atbalstu jaunām valodām, kad jūsu lietotne un klientu bāze paplašinās.

Sāciet jau šodien!

Jūsu React lietojumprogramma tiks automātiski tulkota, kad pievienosiet jebkādas virknes Translate komponentam. Ņemiet vērā, ka tikai vides, kuru API atslēgām ir read/write atļaujas, varēs izveidot jaunus tulkojamus tekstus.

Mēs iesakām uzturēt slēgtu un drošu testēšanas vidi, kurā varat pārbaudīt savu produkcijas lietojumprogrammu, pievienojot jaunus tekstus pirms publicēšanas. Tas novērsīs, ka kāds nozog jūsu slepeno API atslēgu un potenciāli uzpūš jūsu tulkošanas projektu, pievienojot ļaunprātīgas virknes.

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!