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

Vai vēlaties paplašināt savu React lietotni jaunos tirgos? TacoTranslate padara React lietotņu lokalizēšanu ā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 lietojumprogrammām, TacoTranslate bez piepūles integrējas jūsu esošajā darba plūsmā.
Automātiska virkņu savākšana: Vairs nav nepieciešams manuāli pārvaldīt JSON failus. TacoTranslate automātiski savāc virknes no jūsu koda bāzes.
Tulkojumi, ko nodrošina mākslīgais intelekts: Izmantojiet mākslīgā intelekta spēku, lai nodrošinātu kontekstam atbilstošus un precīzus 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 globāli pieejamu.

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad modulis ir instalēts, jums būs jāizveido TacoTranslate konts, tulkošanas projekts un ar to saistītās API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas, un nepieprasa kredītkartes pievienošanu.

TacoTranslate 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 tos saglabāsim kā vides mainīgos. read atslēga ir tas, ko mēs saucam par public, bet read/write atslēga ir secret. Piemēram, tos var pievienot failam .env jūsu projekta saknē.

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 (angļu valodai).
TACOTRANSLATE_ORIGIN: “mape”, kur tiks glabātas jūsu virknes, piemēram, jūsu vietnes URL. Lasiet 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 produkcijas 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 jūs varat izmantot Translate komponentu jebkurā savā lietotnē, lai parādītu pārtulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai uzzinātu vairāk un iegūtu ieviešanas ceļvežus, kas pielāgoti jūsu iestatījumiem.

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 un virkņu apkopošanas procesu, ietaupot jūsu vērtīgo laiku.
Izdevīgi: Samazina manuālu tulkojumu nepieciešamību, samazinot jūsu lokalizācijas izmaksas.
Uzlabota precizitāte: Ar mākslīgā intelekta atbalstu veiktie tulkojumi nodrošina kontekstuāli precīzus un augstas kvalitātes rezultātus.
Mērogojams risinājums: Atļauj viegli pievienot atbalstu jaunām valodām, pieaugot jūsu lietotnei un klientu bāzei.

Sāciet jau šodien!

Jūsu React lietotne tiks automātiski tulkota, kad pievienosiet jebkādas virknes Translate komponentam. Ņemiet vērā, ka tikai vides ar API atslēgai piešķirtām read/write atļaujām varēs izveidot jaunas virknes tulkošanai.

Mēs iesakām izveidot slēgtu un drošu staging vidi, kurā varat pārbaudīt savu produkcijas lietotni un pievienot jaunas virknes pirms palaišanas. Tas novērsīs, ka kāds nozog jūsu slepeno API atslēgu, kā arī palīdzēs nepieļaut tulkošanas projekta uzpūšanos, ja tiks pievienotas nevēlamas 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!