Jak zainstalować ReactJS na Ubuntu

Opracowana przez Facebook w 2011 roku, React (nazywana również ReactJS) to biblioteka Javascript używana do tworzenia szybkich i interaktywnych interfejsów użytkownika. W chwili pisania tego tekstu jest to najpopularniejsza biblioteka JavaScript do tworzenia interfejsów użytkownika. React pokonuje swoje odpowiedniki – Angular i Vue JS pod względem funkcjonalności i popularności.

Jego popularność wynika z elastyczności i prostoty, co czyni go pierwszym wyborem przy tworzeniu aplikacji mobilnych i aplikacji internetowych. Ponad 90 000 witryn korzysta z React, w tym giganci technologiczni, tacy jak Facebook, Netflix, Instagram >, Airbnb i Twitter, aby wymienić tylko kilka.

W tym artykule dowiesz się, jak zainstalować ReactJS na Ubuntu 20.04 i Ubuntu 18.04.

Krok 1: Instalacja NPM w Ubuntu

Instalację React JS rozpoczynamy od zainstalowania npm – skrót od menedżera pakietów węzłów, to dwie rzeczy. Po pierwsze, jest to narzędzie wiersza poleceń służące do interakcji z pakietami JavaScript, które umożliwia użytkownikom instalowanie, aktualizowanie i zarządzanie narzędziami i bibliotekami JavaScript.

Po drugie, npm to internetowy rejestr oprogramowania typu open source, w którym znajduje się ponad 800 000 pakietów Node.JS. Npm jest bezpłatny i możesz łatwo pobrać publicznie dostępne aplikacje.

Aby zainstalować npm na Ubuntu Linux, zaloguj się na swój serwer jako użytkownik sudo i wywołaj poniższe polecenie:

sudo apt install npm

Po zakończeniu instalacji możesz sprawdzić zainstalowaną wersję npm za pomocą polecenia:

npm --version

6.14.4  [Output]

Najnowsza wersja w momencie pisania tego tekstu to v6.14.4, zgodnie z danymi wyjściowymi.

Instalacja npm instaluje również node.js, a wersję zainstalowanego node możesz sprawdzić za pomocą polecenia:

node --version

v10.16.0  [Output]

Krok 2: Instalowanie narzędzia create-react-app

create-react-app to narzędzie, które umożliwia skonfigurowanie wszystkich narzędzi wymaganych do utworzenia aplikacji React. Oszczędza to mnóstwo czasu i energii, konfigurując wszystko od zera i zapewnia niezbędną przewagę.

Aby zainstalować narzędzie, uruchom następującą komendę npm:

sudo npm -g install create-react-app

Po zainstalowaniu możesz potwierdzić zainstalowaną wersję, uruchamiając:

create-react-app --version

4.0.1  [Output]

Krok 3: Utwórz i uruchom swoją pierwszą aplikację React

Tworzenie aplikacji React jest dość proste i jednoznaczne. W następujący sposób utworzymy aplikację reagującą o nazwie tecmint-app.

create-react-app tecmint-app

Zainstalowanie wszystkich pakietów, bibliotek i narzędzi potrzebnych aplikacji zajmuje około 5 minut. Trochę cierpliwości się przyda.

Jeśli utworzenie aplikacji przebiegło pomyślnie, otrzymasz poniższe powiadomienie zawierające podstawowe polecenia, które możesz uruchomić, aby rozpocząć zarządzanie aplikacją.

Aby uruchomić aplikację, przejdź do katalogu app

cd tecmint-app

Następnie uruchom polecenie:

npm start

Otrzymasz poniższe dane wyjściowe pokazujące, jak uzyskać dostęp do aplikacji w przeglądarce.

Uruchom przeglądarkę i przeglądaj adres IP swojego serwera

http://server-ip:3000

To pokazuje, że domyślna aplikacja React jest uruchomiona. W tym przewodniku pomyślnie zainstalowaliśmy React JS i utworzyliśmy aplikację w React.