Sådan installeres React.js med create-react-app

React er et af de mest populære JavaScript-biblioteker inden for webudvikling i dag.

Som Frontend-udvikler har jeg personligt arbejdet med React i mine projekter og vil sandsynligvis fortsætte med at arbejde med det i fremtiden. Et af de trin, som mange mennesker kæmper med, er installations- / konfigurationsprocessen for React.

Så lad os starte med det grundlæggende. I dette indlæg skal du lære at installere og køre et React-program på den nemme måde.

Da interessen for at lære React også øges hurtigt dag for dag, har jeg også besluttet at oprette video-tutorials om React på min YouTube-kanal. Her er en videoversion af denne vejledning:

Sådan downloades og installeres Node.js

Først og fremmest skal du bruge NPM (eller alternativt Garn). Lad os bruge NPM til dette eksempel.

Hvis du ikke har det installeret på dit system, skal du gå til det officielle Node.js-websted for at downloade og installere Node, som også inkluderer NPM (Node Package Manager).

Vælg knappen "Anbefalet til de fleste brugere", og download den aktuelle version til dit operativsystem.

Når du har downloadet og installeret Node, skal du starte din terminal / kommandoprompt og køre node -vog npm -vse, hvilke versioner du har.

Din version af NPM skal være mindst 5.2.0 eller nyere, fordi create-react-app kræver, at vi har NPX installeret. Hvis du har en ældre version af NPM, skal du køre denne kommando for at opdatere den:

npm install -g npm

Hvad er create-react-app?

Da det er kompliceret og tager meget tid, vil vi ikke konfigurere React manuelt. create-react-app er en meget nemmere måde, som automatisk foretager al konfiguration og nødvendige pakkeinstallationer for os og starter en ny React-app lokalt, klar til udvikling.

En anden fordel ved at bruge create-react-app er, at du ikke behøver at håndtere Babel- eller Webpack-konfigurationer. Alle de nødvendige konfigurationer foretages af create-react-app til dig.

Ifølge React-dokumentationen er create-react-app en af ​​de officielt understøttede måder at oprette applikationer med en side i React på. Du kan finde andre måder her.

Sådan installeres Create-React-App

For at installere din app skal du først gå til dit arbejdsområde (desktop eller en mappe) og køre følgende kommando:

npx create-react-app my-app

Installationsprocessen kan tage et par minutter. Når det er gjort, skal du se en mappe, der vises i dit arbejdsområde med det navn, du gav til din app.

Bemærk: Hvis du bruger Mac og modtager tilladelsesfejl, så glem ikke at være superbruger først med sudo-kommandoen.

Sådan kører du den app, du oprettede med Create-React-App

Når installationen er afsluttet, skal du skifte til det bibliotek, hvor din app blev installeret:

cd my-app

og kør endelig for npm startat se din app live på localhost:

npm start

Hvis du ser noget lignende i din browser, er du klar til at arbejde med React. Tillykke! :)

Tak fordi du læste!