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

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

Hvers vegna að velja TacoTranslate fyrir React?

Fullkomin samþætting: Hönnuð sérstaklega fyrir React-forrit, TacoTranslate samþættist vandræðalaust inn í núverandi vinnuflæði þitt.
Sjálfvirk söfnun textastrengja: Ekki þarf lengur að halda utan um JSON-skrár handvirkt. TacoTranslate safnar sjálfkrafa textastrengjum úr kóðasafni þínu.
Þýðingar knúnar af gervigreind: Nýttu kraft gervigreindar til að skila þýðingum sem eru nákvæmar í samhengi og passa við tón forritsins þíns.
Strax tungumálastuðningur: Bættu stuðningi við ný tungumál með einum smelli, svo forritið þitt verði aðgengilegt á alþjóðavísu.

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.

Í TacoTranslate forritaviðmótinu búðu til verkefni og opnað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 í viðbót: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn fallbak‑svæðiskóði. Í þessu dæmi stillum 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

Tryggðu að þú látir aldrei hinn leynilega API-lykil read/write leka í framleiðsluumhverfi viðskiptavinarins.

Uppsetning TacoTranslate

Settu upp TacoTranslate í React-forritinu þínu með því að vefja það í 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 í forritinu þínu til að birta þýddan texta! Gakktu úr skugga um að skoða skjölunina okkar fyrir frekari upplýsingar og leiðbeiningar um innleiðingu sem eru 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 við að nota TacoTranslate

Tímasparandi: Gerir leiðinlega ferlið við staðfærslu og söfnun textastrengja sjálfvirkt og sparar þér dýrmætan tíma.
Kostnaðarhagkvæmt: Dregur úr þörfinni á handvirkum þýðingum og lækkar kostnað við staðfærslu.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengisréttar og hágæða niðurstöður.
Skalanleg lausn: Bættu auðveldlega stuðning við ný tungumál þegar forritið þitt og notendahópurinn stækka.

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-lyklinum munu geta búið til nýja strengi til þýðingar.

Við mælum með að hafa lokað og öruggt staging-umhverfi þar sem þú getur prófað framleiðsluforritið þitt, og bætt við nýjum strengjum áður en þú ferð í framleiðslu. Þetta mun koma í veg fyrir að einhver einhver steli leynilega read/write API-lyklinum þínum, og hugsanlega gegndræpa þýð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!