I den næste artikel vil vi se på hvordan vi kan oprette vores første applikation med ReactJS på Ubuntu 20.04 ved hjælp af Create React App. ReactJS er et open source JavaScript-bibliotek, der bruges til at oprette brugergrænsefladen, vedligeholdt af Facebook og udviklerfællesskabet. ReactJS kan bruges til udvikling af webapplikationer eller mobilapplikationer.
I React, også kendt som ReactJS, behandles dataene i DOM. Yderligere biblioteker til routing og tilstandsadministration er nødvendige for at køre React-applikationen. Nogle eksempler på disse biblioteker er Redux y Reager router.
Installation af React på Ubuntu 20.04
For at installere React på vores system skal vi først vide, hvad npm er og forstå, hvorfor vi har brug for dem. Npm står for Node Package Manager, og er verdens største open source-software-registreringsdatabase. Indeholder mere end 800.000 kodepakker. Npm er gratis at bruge, og al offentlig software kan downloades og bruges uden registrering eller login.
Npm er et afhængighedsstyringsværktøj til javascript-applikationer, som hjælper med at installere alle biblioteker og andre værktøjer, der understøtter udviklingen af JS-applikationerne.
Installer npm
til installer nodejs, som inkluderer npm, vi bliver kun nødt til at åbne en terminal (Ctrl + Alt + T) og udføre følgende kommando:
sudo apt install nodejs
Efter at have afsluttet npm-installationen kan vi tjek din version og node. Vi kan gøre dette med kommandoen:
npm -v
Den installerede version af npm afhænger af installationsdatoen, da opdateringen udføres ofte. Det er nødvendigt, at vi sørger for, at vi har en version højere end 5 installeret.
til tjek installeret version af node, kommandoen til brug vil være:
node -v
Hvis du ikke har den nyeste version af npm installeret på dit system, du kan opdatere Node Package Manager (npm) til den nyeste version kører denne kommando i terminal:
sudo npm install -g npm@latest
Installer create-react-app
For at installere et produktivt React-miljø skal vi konfigurere værktøjer som babel, webpack osv ... som er komplekse at konfigurere for begyndere i React-verdenen. Men vi kan finde flere værktøjer, der hjælper os med konfigurationen. Blandt dem finder vi create-react-app, som er det nemmeste værktøj at bruge og konfigurere.
Create React App er et behageligt miljø at lære React, og det er den bedste måde at begynde at opbygge en ny app til en enkelt side ved hjælp af React.
Opret React-app, konfigurer dit udviklingsmiljø så du kan bruge de nyeste Javascript-funktioner, give en god udviklingsoplevelse og optimere din applikation til produktion. Som angivet på deres hjemmeside er det nødvendigt at have Node> = 8.10 og npm> = 5.6 installeret på din maskine.
Vi kan installer create-react-app ved hjælp af npm. For at gøre dette behøver vi kun i en terminal (Ctrl + Alt + T) at udføre følgende installationskommando:
sudo npm install -g create-react-app
Når installationen af create-react-app-applikationen er færdig i vores system, kan vi Kontroller den installerede version kører følgende kommando:
create-react-app --version
Oprettelse af det første React-program
Vores første React-app kan oprettes ved hjælp af create-react-app. Vi bliver kun nødt til at bruge følgende kommando:
create-react-app mi-primera-app
Ovenstående kommando opretter et React-program kaldet min første app. På samme tid en ny mappe med det samme navn på applikationen oprettes, der indeholder alle de nødvendige filer, konfigurationer og biblioteker.
Kører React-appen
Når React-projektet er oprettet, Vi bliver nødt til at flytte til projektmappen og køre React-applikationen ved hjælp af følgende kommando i terminal (Ctrl + Alt + T):
npm start
Kommandoen npm start start udviklingsserveren, der udfører hele kompileringsprocessen.
Terminalen fortæller os, at vi skal åbn browseren og indlæs det program, der kører på URL'en http: // localhost: 3000 som standard. Når browseren åbnes, ser vi React-logoet og teksterne på skærmen.
Afinstaller create-react-app og npm
Brugere vi kan afinstallere ethvert bibliotek installeret fra npm ved hjælp af kommandoen npm afinstallation. Kør følgende kommando i terminalen (Ctrl + Alt + T) for at afinstallere skabe-reagerer-app:
sudo npm uninstall -g create-react-app
På samme måde kan vi afinstallere npm ved hjælp af denne anden kommando i samme terminal:
sudo apt remove nodejs
Flere oplysninger om dette JavaScript-bibliotek til oprettelse af brugergrænseflader kan findes i projektdokumentation.
Fremragende indhold! Obrigado!