## Introduktion
ReactJS er et populært JavaScript-bibliotek til opbygning af brugergrænseflader. Den bruger en komponentbaseret arkitektur, hvilket gør det nemt at skabe komplekse og interaktive applikationer. I denne vejledning viser vi dig, hvordan du installerer ReactJS på Ubuntu 20.04 LTS (Focal Fossa).
Forudsætninger
Før du begynder, skal du bruge følgende:
* En computer, der kører Ubuntu 20.04 LTS.
* En teksteditor (såsom nano eller vi).
* En terminalemulator (såsom GNOME Terminal eller Konsole).
Trin 1:Installer Node.js
ReactJS kræver, at Node.js kører. Følg disse trin for at installere Node.js:
1. Åbn en terminalemulator.
2. Opdater pakkeindekset:
```
sudo apt opdatering
```
3. Installer Node.js:
```
sudo apt installer nodejs
```
Trin 2:Installer npm
npm er pakkehåndtering for Node.js. Følg disse trin for at installere npm:
1. Åbn en terminalemulator.
2. Installer npm:
```
sudo apt installer npm
```
Trin 3:Opret et ReactJS-projekt
Følg disse trin for at oprette et nyt ReactJS-projekt:
1. Åbn en terminalemulator.
2. Naviger til den mappe, hvor du vil oprette projektet:
```
cd ~/projekter
```
3. Kør følgende kommando for at oprette et nyt projekt:
```
npx create-react-app min-app
```
Dette vil oprette en ny mappe kaldet "min-app", der indeholder alle de nødvendige filer til et ReactJS-projekt.
Trin 4:Start udviklingsserveren
Følg disse trin for at starte udviklingsserveren:
1. Åbn en terminalemulator.
2. Naviger til projektbiblioteket:
```
cd ~/projects/my-app
```
3. Kør følgende kommando for at starte udviklingsserveren:
```
npm start
```
Dette vil starte udviklingsserveren på port 3000. Du kan nu åbne din webbrowser og navigere til `localhost:3000` for at se ReactJS-applikationen.
Trin 5:Rediger appen
Kildekoden til ReactJS-applikationen er placeret i mappen `src`. Hovedkomponenten for applikationen er 'App.js'-filen. Du kan redigere denne fil for at ændre den måde, programmet ser ud og fungerer på.
For at ændre titlen på applikationen kan du f.eks. redigere filen 'App.js' og ændre følgende linje:
```
```
til følgende:
```
```
Dette vil ændre titlen på applikationen til "Hej, verden!".
Trin 6:Byg applikationen
Når du er klar til at implementere ReactJS-applikationen, kan du bygge den til produktion ved at køre følgende kommando:
```
npm køre build
```
Dette vil oprette en 'build'-mappe, der indeholder alle de nødvendige filer til produktionsversionen af applikationen.
Trin 7:Implementer applikationen
Implementeringsprocessen for en ReactJS-applikation afhænger af den hostingplatform, du bruger. For mere information henvises til dokumentationen til din hostingplatform.
Konklusion
I denne tutorial har vi vist dig, hvordan du installerer ReactJS på Ubuntu 20.04 LTS (Focal Fossa). Vi har også vist dig, hvordan du opretter en simpel ReactJS-applikation, og hvordan du redigerer koden for at ændre dens udseende og funktionalitet.
