Środowisko Deweloperskie

Instalacja z pakietu w systemie Ubuntu Linux wymaga wskazania dwóch pakietów: środowiska nodejs oraz menadżera-instalatora pakietów node'a npm.

# apt-get install nodejs npm

Sprawdzenie zainstalowanej wersji:

$ node -v
v8.10.0

Wybór metody instalacji:

$ npm i MODUŁ

$ sudo npm i MODUŁ

Instalując moduł z uprawnieniami administracyjnymi (sudo lub #) jest on instalowany dla wszystkich użytkowników systemu, globalnie.

Do tworzenia aplikacji react wymagany jest moduł create-react-app - należy go zainstalować.
Moduł wymaga najnowszej wersji Node >= 14.0.0 oraz npm >= 5.6

# npm i create-react-app

Jego pobieranie chwilę potrwa.

Instalacja wersji 16.0 nieobecnej w Repozytorium starszych systemów Linux

Pobranie skryptu NVM z platformy GitHub Pobierz i postępuj zgodnie z instrukcjami:

1. Wklej skrypt instalacyjny do terminala wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

2. Wczytaj ponownie zmienne systemowe source ~/.bashrc

   *Jeżeli konto nie posiada pliku toś przepadł. NVM nie będzie działał. Przekopiuj plik z innego konta

3. Sprawdź dostępne wersje Node nvm ls

4. Zainstaluj konkretną wersję node nvm install 16

5. Jeżeli zainstalowałeś kilka wersji, wybór właściwej potwierdź poleceniem nvm use 16

Instalacja modułu CRA

Instalacja wymaga najnowszej wersji Node >= 14.0.0 oraz npm >= 5.6

# npm install -g create-react-app

Tworzenie aplikacji React

W katalogu projektu wywołaj polecenia dla odpowiedniej wersji Node.js

$ create-react-app my-app

Starsze wersje modułu CRA:

$ npx create-react-app my-app

*nazwa projektu nie może składać się z dużych liter, stąd często używa się znaków myślnika i małych liter.

Uruchamianie aplikacji

Aby uruchomić aplikację nowo-utworzonego projektu my-app należy z katalogu, w którym wydano polecenie utworzenia projektu wejść do tego katalogu, dopiero wtedy dostępne jest polecenie start:

$ cd my-app
$ npm start