## Introduktion
ReactJS är ett populärt JavaScript-bibliotek för att bygga användargränssnitt. Den använder en komponentbaserad arkitektur, vilket gör det enkelt att skapa komplexa och interaktiva applikationer. I den här handledningen kommer vi att visa dig hur du installerar ReactJS på Ubuntu 20.04 LTS (Focal Fossa).
Förutsättningar
Innan du börjar behöver du följande:
* En dator som kör Ubuntu 20.04 LTS.
* En textredigerare (som nano eller vi).
* En terminalemulator (som GNOME Terminal eller Konsole).
Steg 1:Installera Node.js
ReactJS kräver att Node.js körs. Följ dessa steg för att installera Node.js:
1. Öppna en terminalemulator.
2. Uppdatera paketindexet:
```
sudo apt uppdatering
```
3. Installera Node.js:
```
sudo apt installera nodejs
```
Steg 2:Installera npm
npm är pakethanteraren för Node.js. För att installera npm, följ dessa steg:
1. Öppna en terminalemulator.
2. Installera npm:
```
sudo apt installera npm
```
Steg 3:Skapa ett ReactJS-projekt
För att skapa ett nytt ReactJS-projekt, följ dessa steg:
1. Öppna en terminalemulator.
2. Navigera till katalogen där du vill skapa projektet:
```
cd ~/projekt
```
3. Kör följande kommando för att skapa ett nytt projekt:
```
npx create-react-app min-app
```
Detta kommer att skapa en ny katalog som heter "min-app" som innehåller alla nödvändiga filer för ett ReactJS-projekt.
Steg 4:Starta utvecklingsservern
Följ dessa steg för att starta utvecklingsservern:
1. Öppna en terminalemulator.
2. Navigera till projektkatalogen:
```
cd ~/projects/my-app
```
3. Kör följande kommando för att starta utvecklingsservern:
```
npm start
```
Detta kommer att starta utvecklingsservern på port 3000. Du kan nu öppna din webbläsare och navigera till `localhost:3000` för att se ReactJS-applikationen.
Steg 5:Redigera appen
Källkoden för ReactJS-applikationen finns i katalogen `src`. Huvudkomponenten för applikationen är filen "App.js". Du kan redigera den här filen för att ändra hur programmet ser ut och fungerar.
För att till exempel ändra programmets titel kan du redigera filen `App.js` och ändra följande rad:
```
```
till följande:
```
```
Detta kommer att ändra titeln på applikationen till "Hello, World!".
Steg 6:Bygg applikationen
När du är redo att distribuera ReactJS-applikationen kan du bygga den för produktion genom att köra följande kommando:
```
npm kör bygg
```
Detta kommer att skapa en "build"-katalog som innehåller alla nödvändiga filer för produktionsversionen av programmet.
Steg 7:Implementera programmet
Distributionsprocessen för en ReactJS-applikation beror på värdplattformen du använder. För mer information, se dokumentationen för din värdplattform.
Slutsats
I den här handledningen har vi visat dig hur du installerar ReactJS på Ubuntu 20.04 LTS (Focal Fossa). Vi har också visat dig hur du skapar en enkel ReactJS-applikation och hur du redigerar koden för att ändra dess utseende och funktionalitet.
