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 liekām pūlēm.

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

Vienmērīga integrācija: Izstrādāts īpaši React lietotnēm, TacoTranslate bez piepūles integrējas jūsu esošajā darba plūsmā.
Automātiska virkņu vākšana: Vairs nav jāapkopo JSON faili manuāli. TacoTranslate automātiski apkopo 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 kontekstam atbilstošus, 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 globāli pieejamu.

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad modulis būs instalēts, jums būs jāizveido TacoTranslate konts, tulkošanas projekts un ar tiem saistītās 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 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. read atslēgu saucam par public, bet read/write atslēgu — par secret. Piemēram, jūs varat pievienot tās .env failam projekta saknē.

Jums būs nepieciešams pievienot vēl divus vides mainīgos: 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 valoda).
TACOTRANSLATE_ORIGIN: “mape”, kurā tiks saglabāti jūsu teksti, 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ē.

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 izmantot Translate komponentu jebkur savā lietotnē, lai attēlotu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un īstenošanas vadlīnijas, kas piemērotas 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ē nogurdinošo lokalizācijas un virkņu apkopošanas procesu, ietaupot jūsu vērtīgo laiku.
Izdevīgi: Samazina nepieciešamību pēc manuāliem tulkojumiem, pazeminot 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: 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 pievienosit jebkādas virknes Translate komponentam. Ņemiet vērā, ka tikai vides, kurām uz API atslēgas ir read/write atļaujas, 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, pievienojot jaunas virknes pirms izvietošanas. Tas novērsīs, ka kāds nozog jūsu slepeno API atslēgu un potenciāli noslogos jūsu tulkošanas projektu, pievienojot neautorizētas 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!