Jak zainstalować React na Ubuntu 20.04

W tym artykule wyjaśnimy, jak zainstalować React na Ubuntu 20.04.

React to open-source, frontendowa biblioteka JavaScript do budowania interfejsów użytkownika lub komponentów UI. Jest utrzymywany przez Facebooka oraz społeczność indywidualnych programistów i firm.

Ten artykuł poprowadzi Cię przez proces instalacji i wdrażania witryny React.

Warunki wstępne

• Ubuntu 20.04 zainstalował dedykowany serwer lub KVM VPS.
• Użytkownik root lub zwykły użytkownik z uprawnieniami administratora sudo.

Zainstaluj React na Ubuntu 20.04

Krok 1 — Aktualizuj serwer

# apt update -y && apt upgrade -y

Krok 2 - Zainstaluj NodeJS i NPM

Zainstaluj najnowszą stabilną wersję NodeJS.

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

# apt-get install -y nodejs

Sprawdź, czy instalacja się powiodła.

# node -v && npm -v

Wyjście:

v15.9.0
7.5.4

Krok 3 - Zainstaluj i utwórz aplikację React

W tym artykule użyjemy narzędzia create-react-app. Jest to najłatwiejsze i najlepsze narzędzie z gotowymi konfiguracjami klasy produkcyjnej. Jest to wygodne środowisko do nauki Reacta i jest to najlepszy sposób na rozpoczęcie tworzenia nowej aplikacji jednostronicowej w React.

# npm install -g create-react-app

Sprawdź instalację:

# create-react-app --version

Wyjście:

4.0.2

Krok 4 — Wdróż aplikację React

Utwórz aplikację React za pomocą polecenia:

# npx create-react-app my-app

Uruchom serwer programistyczny

Po zainstalowaniu aplikacji React przejdź do katalogu głównego swojego projektu i uruchom serwer deweloperski za pomocą następującego polecenia:

# cd my-app

# npm start

Możesz teraz wyświetlić moją aplikację w przeglądarce.

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

Budować

Dołącza aplikację do plików statycznych na potrzeby produkcji. Uruchom następujące polecenie:

# npm run build

Otóż ​​to. Instalacja została pomyślnie zakończona.

W tym artykule zobaczyliśmy, jak zainstalować React na Ubuntu 20.04.