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

Ert þú að leita að því að víkka út React-forritið þitt á nýja markaði? TacoTranslate gerir það ótrúlega auðvelt að staðfæra React-forritin þín, svo þú getur náð til alþjóðlegra markhópa án fyrirhafnar.

Af hverju að velja TacoTranslate fyrir React?

Samfelld samþætting: Hannað sérstaklega fyrir React-forrit, TacoTranslate samþættist auðveldlega inn í núverandi vinnuflæði þitt.
Sjálfvirk söfnun strengja: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa strengjum úr kóðagrunninum þínum.
Þýðingar knúnar af AI: Nýtðu kraft gervigreindar til að fá samhengi-réttar þýðingar sem passa við tóninn í forritinu þínu.
Strax tungumála stuðningur: Bættu við stuðningi fyrir ný tungumál með aðeins einni smellu, sem gerir forritið aðgengilegt um allan heim.

Hvernig það virkar

Settu upp TacoTranslate pakkann í gegnum npm:

npm install tacotranslate

Þegar þú hefur sett upp viðbótina þarftu að búa til TacoTranslate reikning, þýðingarverkefni og tengd API lykla. Búðu til reikning hér. Það er ókeypis, og krefst þess ekki að þú bæir við kreditkorti.

Innan TacoTranslate forritaviðmótsins, búðu til verkefni og farðu í 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 við í .env skrá í rótinni á verkefninu þínu.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefin staðbundin stuðningsmálslykill. Í þessu dæmi stillum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „Mappa“ þar sem strengirnir þínir verða geymdir, eins og slóð (URL) 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 leynilega read/write API lykli til framhliðar í framleiðsluumhverfi.

Að setja upp TacoTranslate

Settu upp TacoTranslate í React-forritinu þínu með því að vefja forritið þitt inn í 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ú notað Translate íhlutinn hvar sem er innan forritsins þíns til að sýna þýddan texta! Gakktu úr skugga um að skoða skjalið 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ðinlegan feril staðfærslu og söfnun textastrengja og sparar þér dýrmætan tíma.
Kostnaður lækkaður: Minnkar þörfina á handvirkum þýðingum og lækkar staðfærslukostnað þinn.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengi réttar og hágæða niðurstöður.
Stöðluð lausn: Bættu auðveldlega stuðningi fyrir ný tungumál eftir því sem forritið þitt og viðskiptavinahópurinn vex.

Byrjaðu í dag!

React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir við strengjum í Translate íhlutinn. Athugaðu að aðeins umhverfi með read/write heimildir á API-lyklinum 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 farið er í loftið. Þetta kemur í veg fyrir að einhver steli leynilega 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!