Besta lausnin fyrir alþjóðavæðingu (i18n) í React-forritum

Ertu að leita að því að stækka React-forritið þitt á nýja markaði? TacoTranslate gerir það ótrúlega auðvelt að staðfæra React-forritin þín og gerir þér kleift að ná til alþjóðlegs markhóps án fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

Óaðfinnanleg samþætting: Hönnuð sérstaklega fyrir React-forrit, samþættist TacoTranslate áreynslulaust inn í núverandi vinnuflæði þitt.
Sjálfvirk söfnun textastrengja: Þú þarft ekki lengur að halda utan um JSON-skrár handvirkt. TacoTranslate safnar sjálfkrafa textastrengjum úr kóðagrunninum þínum.
Þýðingar knúnar af gervigreind: Nýttu kraft gervigreindar til að útbúa samhengi-lega nákvæmar þýðingar sem henta stíl forritsins þíns.
Samstundis tungumálastuðningur: Bættu við stuðningi við ný tungumál með einum smelli og gerðu forritið þitt aðgengilegt um allan heim.

Hvernig það virkar

Settu upp TacoTranslate pakkann með npm:

npm install tacotranslate

Þegar þú hefur sett pakkann upp þarftu að stofna TacoTranslate-reikning, þýðingarverkefni og tengda API-lykla. Stofnaðu reikning hér. Það er ókeypis, og þú þarft ekki að gefa upp kreditkort.

Inni í notendaviðmóti TacoTranslate skaltu búa til verkefni og fara í flipann fyrir API-lykla. Búðu til einn read lykil og einn read/write lykil. Við munum vista þá sem umhverfisbreytur. read lykillinn er það sem við köllum public og read/write lykillinn er secret. Til dæmis gætirðu bætt þeim við .env skrá í rót verkefnisins.

Þú þarft einnig að bæta við tveimur fleiri umhverfisbreytum: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn varakóði fyrir svæði. Í þessu dæmi setjum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „mappa“ þar sem strengirnir þínir verða geymdir, til dæmis vefslóð vefsíðunnar þinnar. Lestu meira um uppruna hér.

.env

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

Gakktu úr skugga um að leka aldrei hinum leynilega read/write API-lykli á klientsíðu í framleiðsluumhverfi.

Uppsetning TacoTranslate

Settu upp TacoTranslate í React-forritinu þínu með því að umlykja forritið með TacoTranslate samhengisveitanda:

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

Þú getur núna notað Translate íhlutann hvar sem er í forritinu þínu til að birta þýddan texta! Skoðaðu skjölin okkar fyrir frekari upplýsingar og leiðbeiningar um innleiðingu sérsniðnar að uppsetningu þinni.

import {Translate} from 'tacotranslate/react';

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

Kostir þess að nota TacoTranslate

Tímasparnaður: Sjálfvirknivæðir leiðinlegt ferli við staðfærslu og söfnun textastrengja, sem sparar þér dýrmætan tíma.
Kostnaðarsparandi: Minnkar þörfina á handvirkum þýðingum og lækkar kostnaðinn við staðfærslu.
Bætt nákvæmni: Gervigreindardrifnar þýðingar tryggja réttar þýðingar í samhengi og hágæða niðurstöður.
Skalanleg lausn: Auðvelt er að bæta við stuðningi fyrir ný tungumál eftir því sem forritið og notendahópurinn vaxa.

Byrjaðu í dag!

React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir við einhverjum strengjum í Translate íhlut. Athugaðu að aðeins umhverfi með read/write aðgangsréttindum fyrir API-lykilinn geta búið til nýja strengi til þýðingar.

Við mælum með að hafa lokað og öruggt prófunarumhverfi þar sem þú getur prófað framleiðsluútgáfu forritsins og bætt við nýjum strengjum áður en það fer í loftið. Þetta mun koma í veg fyrir að einhver steli leynilegum API-lykli þínum og mögulega fylli þýðingarverkefnið þitt með óæskilegum strengjum.

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!