Labākais risinājums React lietotņu internacionalizācijai (i18n)

Vai vēlaties paplašināt savu React lietotni jaunos tirgos? TacoTranslate padara jūsu React lietotņu lokalizēšanu ārkārtīgi vienkāršu, ļaujot jums sasniegt globālu auditoriju bez jebkādām grūtībām.

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

Bezšuvju integrācija: Speciāli izstrādāts React lietojumprogrammām, TacoTranslate bez piepūles integrējas jūsu esošajā darbplūsmā.
Automātiska virkņu vākšana: Vairs nav jāveic JSON failu manuāla pārvaldība. TacoTranslate automātiski savāc virknes no jūsu koda bāzes.
Mākslīgā intelekta tulkojumi: Izmantojiet mākslīgā intelekta spēku, lai nodrošinātu kontekstam atbilstošus tulkojumus, kas atbilst jūsu lietotnes tonim.
Tūlītējs valodu atbalsts: Pievienojiet atbalstu jaunām valodām tikai ar vienu klikšķi, padarot jūsu lietotni pieejamu visā pasaulē.

Kā tas darbojas

Instalējiet TacoTranslate paketi, izmantojot npm:

npm install tacotranslate

Kad modulis ir instalēts, jums būs jāizveido TacoTranslate konts, tulkošanas projekts un saistītās API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas, un nav nepieciešams norādīt kredītkarti.

TacoTranslate lietotnes lietotāja saskarnē izveidojiet projektu un atveriet 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. Mēs read atslēgu saucam par public, bet read/write atslēgu — par secret. Piemēram, jūs tās varētu pievienot 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 lokalizācijas kods. Šajā piemērā to iestatīsim uz en, lai norādītu angļu valodu.
TACOTRANSLATE_ORIGIN: “mape”, kurā tiks glabātas jūsu virknes, piemēram, jūsu vietnes URL. Uzziniet vairāk par izcelsmēm š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 produkcijas vidēs.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, iesaiņojot 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 jebkur savā lietojumprogrammā izmantot Translate komponentu, lai parādītu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un jūsu iestatījumam atbilstošas ieviešanas vadlīnijas.

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ē laikietilpīgo lokalizācijas procesu un tekstu virkņu vākšanu, ietaupot jūsu vērtīgo laiku.
Izdevīgi: Samazina nepieciešamību pēc manuālām tulkošanām, pazeminot lokalizācijas izmaksas.
Uzlabota precizitāte: Ar mākslīgā intelekta palīdzību veiktie tulkojumi nodrošina kontekstuāli precīzus un augstas kvalitātes rezultātus.
Mērogojams risinājums: Vienkārši pievienojiet atbalstu jaunām valodām, kad jūsu lietotne un klientu bāze aug.

Sāciet jau šodien!

Jūsu React lietotne tiks automātiski tulkota, kad pievienosiet jebkādas virknes Translate komponentam. Ņemiet vērā, ka tikai vidēs, kur API atslēgai ir read/write atļaujas, būs iespējams izveidot jaunas virknes tulkošanai.

Mēs iesakām izveidot slēgtu un drošu testēšanas vidi, kurā varat pārbaudīt produkcijas lietotni, pievienojot jaunas virknes pirms tās publiskošanas. Tas pasargās jūsu slepeno API atslēgu no nozagšanas un novērsīs, ka kāds ļaunprātīgi vai nejauši pievieno nevēlamas virknes, kas varētu uzpūst jūsu tulkošanas projektu.

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!