Hoe React te installeren op Ubuntu 20.04

In dit artikel leggen we uit hoe je React installeert op Ubuntu 20.04.

React is een open-source, front-end, JavaScript-bibliotheek voor het bouwen van gebruikersinterfaces of UI-componenten. Het wordt onderhouden door Facebook en een gemeenschap van individuele ontwikkelaars en bedrijven.

Dit artikel zal u begeleiden bij het installatieproces en het implementeren van de React-site.

Vereisten

• Een Ubuntu 20.04 geïnstalleerde dedicated server of KVM VPS.
• Een rootgebruiker of normale gebruiker met sudo-beheerdersrechten.

Installeer React op Ubuntu 20.04

Stap 1 - Houd de server up-to-date

# apt update -y && apt upgrade -y

Stap 2 - Installeer NodeJS en NPM

Installeer de nieuwste stabiele release van NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Controleer of de installatie is gelukt.

# node -v && npm -v

Uitgang:

v15.9.0
7.5.4

Stap 3 - Installeer de create react-app

In dit artikel gebruiken we de tool create-react-app. Het is de gemakkelijkste en beste tool met vooraf gebouwde configuraties van productiekwaliteit. Het is een comfortabele omgeving om React te leren, en het is de beste manier om te beginnen met het bouwen van een nieuwe single-page applicatie in React.

# npm install -g create-react-app

Controleer de installatie:

# create-react-app --version

Uitgang:

4.0.2

Stap 4 - React-toepassing implementeren

Maak een reactietoepassing aan met de volgende opdracht:

# npx create-react-app my-app

Ontwikkelingsserver starten

Nadat je een React-toepassing hebt geïnstalleerd, ga je naar de hoofdmap van je project en start je de ontwikkelserver met het volgende commando:

# cd my-app

# npm start

U kunt nu mijn-app in de browser bekijken.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

Bouwen

Bundelt de app in statische bestanden voor productie. Voer de volgende opdracht uit:

# npm run build

Dat is het. De installatie is succesvol voltooid.

In dit artikel hebben we gezien hoe React op Ubuntu 20.04 kan worden geïnstalleerd.