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

Viltu færa 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 notendahóps án fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

Hnökralaus samþætting: Hannað sérstaklega fyrir React-forrit, TacoTranslate samþættist hnökralaust inn í núverandi vinnuferla þína.
Sjálfvirk söfnun strengja: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa strengjum úr kóðagrunni þínum.
Þýðingar knúnar af gervigreind: Nýtðu kraft gervigreindar til að fá þýðingar sem taka mið af samhengi og passa við tón og stíl 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 á heimsvísu.

Hvernig það virkar

Settu upp TacoTranslate-pakkann með npm:

npm install tacotranslate

Eftir að þú hefur sett upp pakkann þarftu að stofna TacoTranslate-reikning, þýðingarverkefni og tilheyrandi API-lykla. Búðu til reikning hér. Það er ókeypis, og þú þarft ekki að gefa upp kreditkortanúmer.

Í notendaviðmóti TacoTranslate-forritsins 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ót verkefnisins.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn varakóði fyrir svæði (locale). Í þessu dæmi stillum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „Mappan“ þar sem textastrengirnir þínir verða geymdir, til dæmis slóð vefsíðunnar þinnar. Lestu meira um upprunastaði hér.

.env

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

Gættu þess að leka aldrei hinum leynda read/write API-lykli í framleiðsluumhverfi á viðskiptavinahlið.

Uppsetning TacoTranslate

Frumstilltu TacoTranslate í React-forritinu þínu með því að vefja því inn í TacoTranslate-samhengisveituna:

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ð birta þýddan texta! Skoðaðu skjölun okkar fyrir frekari upplýsingar og innleiðingarleið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

Sparar tíma: Sjálfvirknar leiðinlegt ferli staðfærslu og söfnun textastrengja, sem sparar þér dýrmætan tíma.
Kostnaðarhagkvæmt: Minnkar þörfina á handvirkum þýðingum og lækkar kostnað við staðfærslu.
Bætt nákvæmni: AI-studdar þýðingar tryggja samhengislega nákvæmar og hágæða niðurstöður.
Skalanleg lausn: Auðvelt er að bæta við stuðningi fyrir ný tungumál þegar forritið og viðskiptavinahópurinn stækkar.

Byrjaðu í dag!

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

Við mælum með að hafa lokað og öruggt staging-umhverfi þar sem þú getur prófað framleiðsluútgáfuna og bætt við nýjum strengjum áður en farið er í framleiðslu. Þetta kemur í veg fyrir að einhver steli leyndum API-lykli þínum og gæti mögulega stækkað þýðingarverkefnið þitt óeðlilega með því að bæta við óæ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!