Në artikullin vijues do të hedhim një vështrim si mund ta krijojmë aplikacionin tonë të parë me ReactJS në Ubuntu 20.04 duke përdorur Krijo React App. ReactJS është një bibliotekë me burim të hapur JavaScript që përdoret për të krijuar ndërfaqen e përdoruesit, e mirëmbajtur nga Facebook dhe komuniteti i zhvilluesve. ReactJS mund të përdoret në zhvillimin e aplikacioneve në internet ose aplikacioneve mobile.
Në Reagoni, i njohur gjithashtu si ReactJS, të dhënat përpunohen në DOM. Bibliotekat shtesë për kurs dhe menaxhim shtetëror janë të nevojshme për të ekzekutuar aplikacionin React. Disa shembuj të këtyre bibliotekave janë Redux y Reagoni në Router.
Instalimi i React në Ubuntu 20.04
Për të instaluar React në sistemin tonë, së pari duhet të dimë se çfarë është npm dhe të kuptojmë pse na duhen. Npm qëndron për Node Package Manager, dhe është regjistri më i madh në botë i softuerit me burim të hapur. Përmban më shumë se 800.000 paketa kodi. Npm është falas për t'u përdorur dhe çdo softuer publik mund të shkarkohet dhe përdoret pa regjistrim ose hyrje.
Npm është një mjet i menaxhimit të varësisë për aplikacionet javascript, e cila ndihmon për të instaluar të gjitha bibliotekat dhe mjetet e tjera për të mbështetur zhvillimin e aplikacioneve JS.
Instaloni npm
në instaloni nodejs, që përfshin npm, do të na duhet vetëm të hapim një terminal (Ctrl + Alt + T) dhe të ekzekutojmë komandën e mëposhtme:
sudo apt install nodejs
Pas mbarimit të instalimit të npm, ne mundemi kontrolloni versionin tuaj dhe atë të nyjes. Ne mund ta bëjmë këtë me komandën:
npm -v
Versioni i npm i instaluar varet nga data e instalimit, pasi azhurnimi kryhet shpesh. Necessaryshtë e nevojshme që të sigurohemi që kemi instaluar një version më të lartë se 5.
në kontrolloni versionin e instaluar të nyjes, komanda për t'u përdorur do të jetë:
node -v
Nëse nuk e keni të instaluar në sistemin tuaj versionin më të fundit të npm, ju mund të azhurnoni Node Package Manager (npm) në versionin më të fundit ekzekutimi i kësaj komande në terminal:
sudo npm install -g npm@latest
Instalo krijimin-reago-aplikacionin
Për të instaluar një mjedis produktiv React, do të duhet të konfigurojmë mjete të tilla si babel, webpack, etj ... i cili është kompleks për t'u konfiguruar për fillestarët në botën React. Por ne mund të gjejmë disa mjete që do të na ndihmojnë në konfigurimin. Midis tyre do të gjejmë krijoni-reagoni-aplikacioni, i cili është mjeti më i lehtë për t’u përdorur dhe konfiguruar.
Krijo React App është një mjedis i rehatshëm për të mësuar React, dhe është mënyra më e mirë për të filluar ndërtimin e një aplikacioni të ri me një faqe duke përdorur React.
Krijoni React App konfiguroni mjedisin tuaj të zhvillimit në mënyrë që të mund të përdorni veçoritë më të fundit të Javascript, duke siguruar një përvojë të mirë zhvillimi dhe duke optimizuar aplikacionin tuaj për prodhim. Siç tregohet në faqen e tyre të internetit, është e nevojshme të keni të instaluar Nodin> = 8.10 dhe npm> = 5.6 në kompjuterin tuaj.
Ne mundemi instaloni krijimin-reagoni-aplikoni duke përdorur npm. Për ta bërë këtë, në një terminal (Ctrl + Alt + T) do të duhet të ekzekutojmë vetëm komandën e mëposhtme të instalimit:
sudo npm install -g create-react-app
Sapo të ketë mbaruar instalimi i aplikacionit krijoni-reagoni-aplikacioni në sistemin tonë, ne mundemi kontrolloni versionin e instaluar ekzekutimin e komandës së mëposhtme:
create-react-app --version
Krijimi i aplikacionit të parë React
Aplikacioni ynë i parë Reagimi mund të krijohet thjesht duke përdorur aplikacionin krijoni-reagoni. Do të duhet të përdorim vetëm komandën e mëposhtme:
create-react-app mi-primera-app
Komanda e mësipërme do të krijojë një aplikacion React të quajtur aplikacioni im i parë. Në të njëjtën kohë do të krijohet një dosje e re me të njëjtin emër të aplikacionit që përfshin të gjitha skedarët, cilësimet dhe bibliotekat e nevojshme.
Ekzekutimi i aplikacionit React
Pasi të krijohet projekti React, do të duhet të kalojmë në direktorinë e projektit dhe të ekzekutojmë aplikacionin React duke përdorur komandën e mëposhtme në terminal (Ctrl + Alt + T):
npm start
Komanda npm fillimi filloni serverin e zhvillimit që do të kryejë të gjithë procesin e ndërtimit.
Terminali do të na tregojë se duhet hapni shfletuesin dhe ngarkoni aplikacionin që do të ekzekutohet në URL http: // localhost: 3000 si parazgjedhje. Kur hapet shfletuesi, ne do të shohim logon dhe tekstet React në ekran.
Çinstalo krijimin-reago-aplikacionin dhe npm
Përdoruesit mund të çinstalojmë çdo bibliotekë të instaluar nga npm duke përdorur komandën e çinstalimit të npm. Ekzekutoni komandën e mëposhtme në terminal (Ctrl + Alt + T) për të çinstaluar krijoni-reagoni-aplikacionin:
sudo npm uninstall -g create-react-app
Në mënyrë të ngjashme, ne mundemi çinstaloni npm duke përdorur këtë komandë tjetër në të njëjtin terminal:
sudo apt remove nodejs
Më shumë informacion mbi këtë bibliotekë JavaScript për krijimin e ndërfaqeve të përdoruesit mund të gjenden në dokumentacioni i projektit.
Përmbajtje e shkëlqyer! Obrigado!