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

Ertu að leita að því að ná til nýrra markaða með React-forritið þitt? TacoTranslate gerir það ótrúlega auðvelt að staðfæra React-forritin þín, svo þú getir 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, TacoTranslate samþættist auðveldlega í núverandi vinnuflæði þitt.
Sjálfvirk söfnun textastrengja: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa textastrengjum úr kóðasafninu þínu.
Þýðingar knúnar af gervigreind: Nýtðu kraft gervigreindar til að fá samhenginákvæmar þýðingar sem passa við tón forritsins þíns.
Strax tungumálastuðningur: Bættu við stuðningi fyrir 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 upp viðbótina þarft þú að stofna TacoTranslate-reikning, þýðingarverkefni og tilheyrandi API-lykla. Stofnaðu reikning hér. Það er ókeypis og krefst ekki þess að þú gefir upp kreditkortanúmer.

Í notendaviðmóti TacoTranslate-forritsins 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 þú bætt þeim í .env skrá í rót verkefnisins.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn staðbundinn kóði (fallback). Í þessu dæmi setjum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „möppan“ þar sem textastrengirnir þínir verða geymdir, til dæmis vefslóð vefsíðunnar þinnar. Lestu nánar 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

Tryggðu að hinn leyndi read/write API-lykill leki ekki út í framleiðsluumhverfi á viðskiptavinshlið.

Uppsetning TacoTranslate

Innleiðtu TacoTranslate í React-forritið þitt með því að umlykja forritið með TacoTranslate context-veitunni:

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ú notað Translate íhlutann hvar sem er í forritinu þínu til að sýna þýddan texta! Vertu viss um að skoða skjölun okkar fyrir frekari upplýsingar og útfærsluleiðbeiningar sem henta uppsetningu þinni.

import {Translate} from 'tacotranslate/react';

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

Kostir við að nota TacoTranslate

Tímasparandi: Sjálfvirknar þreytulegt ferli staðfærslu og söfnunar strengja og sparar þér dýrmætan tíma.
Hagkvæmt: Minnkar þörfina á handvirkum þýðingum og lækkar kostnað við staðfærslu.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengislega réttar 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 viðskiptavinahópurinn vaxa.

Byrjaðu í dag!

React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir við strengjum í Translate íhlut. Athugið að aðeins umhverfi sem hefur read/write heimildir fyrir API-lykilinn mun 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ðsluforritið þitt og bætt við nýjum strengjum áður en forritið fer í framleiðslu. Þetta mun koma í veg fyrir að einhver steli leynilykli þínum og hugsanlega fylla upp í þýð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!