Wprowadzenie - porównanie React.js vs. Angular

slides: #1-dev-env.html

Środowisko Deweloperskie

Posiadasz uprawnienia administracyjne w swoim Systemie operacyjnym do instalacji oprogramowania
Posiadasz dostęp do sieci Internet
Posiadasz założony katalog do warsztatu 1-dev-env

1 Instalacja środowiska nodejs + npm

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

Pobranie z oficjalnej witryny:

https://nodejs.org/en/

Uruchomienie w terminalu z katalogu zawierającego pobrane rozwiązanie:

$ ./bin/node -v

Przeniesienie do katalogu dostępnego globalnie:

# mv ~/Pobrane/node-v14.17.6-linux-x64 /opt/nodejs

Dodanie ścieżki do zmiennych środowiskowych:

/opt/nodejs/bin

2 Uruchomienie i testy

Uruchom powłokę (terminal) Node.js

$ node

oraz otwórz przeglądarkę internetową i włącz Narzędzia deweloperskie.

W obu wykonaj poniższe testy i porównaj wyniki

> let x = 123;
undefined
> x
123
> let fn1 = ()=>{ console.log(‘jestem funkcją’); }
undefined
> fn1
[Function: fn1]
> fn1()
jestem funkcją

3 Instalacja modułu „Aplikacja React”

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

# npm install -g create-react-app

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

$ create-react-app my-app

Starsze wersje

$ npx create-react-app my-app