A React ma az egyik legnépszerűbb JavaScript könyvtár a webfejlesztési területen.
Frontend fejlesztőként személyesen dolgoztam a React-tel a projektjeimben, és valószínűleg a jövőben is folytatni fogom vele a munkát. Az egyik lépés, amellyel sokan küzdenek, a React telepítési / konfigurációs folyamata.
Kezdjük tehát az alapokkal. Ebben a bejegyzésben megtanulja, hogyan kell a React alkalmazást egyszerűen telepíteni és futtatni.
Mivel a React elsajátítása iránti érdeklődés is napról napra növekszik, úgy döntöttem, hogy a YouTube-csatornámon videó oktatóanyagokat készítek a React-ról. A bemutató videó verziója:
A Node.js letöltése és telepítése
Először is szükséged lesz NPM-re (vagy fonalra). Használjuk erre a példára az NPM-et.
Ha még nincs telepítve a rendszerén, akkor a hivatalos Node.js webhelyre kell fordulnia a Node letöltéséhez és telepítéséhez, amely magában foglalja az NPM-et (Node Package Manager) is.
Kattintson az "Ajánlott a legtöbb felhasználónak" gombra, és töltse le az operációs rendszer aktuális verzióját.
A Node letöltése és telepítése után indítsa el a terminált / parancssort, futtassa node -vés ellenőrizze npm -v, hogy mely verziói vannak.
Az NPM verziójának legalább 5.2.0-nak vagy frissebbnek kell lennie, mert a create-react-app megköveteli, hogy telepítve legyen az NPX. Ha régebbi verziója van az NPM-nek, futtassa ezt a parancsot a frissítéshez:
npm install -g npmMi az a create-reagál-alkalmazás?
Mivel ez bonyolult és sok időt vesz igénybe, nem akarjuk manuálisan beállítani a React-ot. A create-react-app egy sokkal könnyebb módszer, amely az összes konfigurációt és a szükséges csomagtelepítést automatikusan elvégzi számunkra, és egy új React alkalmazást indít helyben, fejlesztésre készen.
A create-reagál-alkalmazás használatának további előnye, hogy nem kell foglalkoznia a Babel vagy a Webpack konfigurációival. Az összes szükséges konfigurációt a create-reagál-alkalmazás fogja elvégezni az Ön számára.
A React dokumentációja szerint a create-react-app az egyik hivatalosan támogatott módszer az egyoldalas alkalmazások létrehozására a React alkalmazásban. Itt más módszereket is találhat.
A Create-React-App telepítése
Az alkalmazás telepítéséhez először lépjen a munkaterületre (asztali számítógép vagy mappa), és futtassa a következő parancsot:
npx create-react-app my-appA telepítési folyamat eltarthat néhány percig. Miután elkészült, látnia kell egy mappát, amely megjelenik a munkaterületen az alkalmazásnak adott névvel.
Megjegyzés: Ha Mac operációs rendszert használ, és engedélyezési hibákat kap, ne felejtse el elsőként szuper felhasználónak lenni a sudo paranccsal.A Create-React-App alkalmazással létrehozott alkalmazás futtatása
A telepítés befejezése után váltson abba a könyvtárba, ahová az alkalmazást telepítette:
cd my-appés végül futtassa npm startmegnézni az alkalmazását élőben a localhoston:
npm start
Ha ilyesmit lát a böngészőjében, készen áll a React használatára. Gratulálunk! :)
Köszönöm, hogy elolvasta!