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

Ertu að leita að því að útví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 áhorfendahóps án fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

Einföld samþætting: Hönnuð sérstaklega fyrir React-forrit, TacoTranslate tengist óaðfinnanlega núverandi vinnuflæði þínu.
Sjálfvirk söfnun strengja: Ekki þarf lengur að stýra JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa textastrengjum úr kóðanum þínum.
Þýðingar með gervigreind: Nýttu kraft gervigreindar til að fá samhengislega ná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, svo forritið þitt verði aðgengilegt um allan heim.

Hvernig það virkar

Settu upp TacoTranslate-pakkann með npm:

npm install tacotranslate

Þegar þú hefur sett upp pakkann þarftu að búa til TacoTranslate-reikning, þýingarverkefni og tengda API-lykla. Búðu til reikning hér. Það er ókeypis og krefst ekki þess að þú skráir inn kreditkort.

Í við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ð vistum þá 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ðarmálskóði sem er notaður ef ekkert annað er til staðar. Í þessu dæmi stillum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „mappa“ þar sem textastrengir þí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 leyni read/write API-lykill leki aldrei í framleiðsluumhverfi á viðskiptavinahlið.

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ú notað Translate íhlutann hvar sem er í forritinu þínu til að sýna þýddan texta! Gakktu úr skugga um að skoða skjöl okkar fyrir frekari upplýsingar og innleiðingarleiðbeiningar 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álfvirknar leiðinlegt ferli við staðfærslu og söfnun textastrengja og sparar þér dýrmætan tíma.
Hagkvæmt: Minnkar þörfina á handvirkum þýðingum, sem lækkar kostnað við staðfærslu.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengislega nákvæmni og vandaðar niðurstöður.
Skalanleg lausn: Auðvelt er að bæta við stuðningi fyrir ný tungumál þegar forritið og notendahópurinn vaxa.

Byrjaðu í dag!

React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir hvaða textastrengjum sem er í Translate íhlut. Athugaðu að aðeins umhverfi sem hafa read/write heimildir fyrir API-lykilinn munu geta búið til nýja textastrengi til þýðingar.

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

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!