Instalacja Node.js i npm

Zanim zaczniemy korzystać z React, musimy zainstalować podstawowe narzędzia - Node.js i npm (Node Package Manager). To jak przygotowanie zapasów tlenu i paliwa przed wyruszeniem w kosmos.

Czym jest Node.js?

Node.js to platforma, która pozwala uruchamiać JavaScript poza przeglądarką. Tradycyjnie JavaScript był językiem działającym tylko w przeglądarkach, ale Node.js zmienił to, umożliwiając uruchamianie JavaScript również na serwerach i w narzędziach deweloperskich.

Dla dewelopera React, Node.js jest niezbędny do:

• Uruchamiania lokalnego serwera deweloperskiego
• Korzystania z menedżera pakietów (npm lub yarn)
• Budowania i kompilowania aplikacji
• Uruchamiania narzędzi takich jak linters, formatters czy testy

Czym jest npm?

npm (Node Package Manager) to największy na świecie rejestr pakietów oprogramowania. To magazyn zawierający tysiące pakietów i bibliotek, które możesz dodać do swojego projektu. Wyobraź sobie gigantyczny katalog części zamiennych do statków kosmicznych - cokolwiek potrzebujesz, prawdopodobnie znajdziesz to w npm.

Proces instalacji Node.js i npm

Dla Windows:

1. Odwiedź oficjalną stronę Node.js
2. Pobierz wersję LTS (Long-Term Support) - ta wersja jest najbardziej stabilna i zalecana dla większości użytkowników
3. Uruchom pobrany instalator i postępuj zgodnie z instrukcjami
4. Instalator automatycznie zainstaluje zarówno Node.js, jak i npm

Dla macOS:

Opcja 1: Instalator

1. Odwiedź Node.js i pobierz instalator dla macOS
2. Uruchom instalator i postępuj zgodnie z instrukcjami

Opcja 2: Homebrew (zalecane, jeśli masz już Homebrew)

1. Otwórz terminal
2. Wpisz:

   brew install node

Dla Linux:

Ubuntu/Debian:

1sudo apt update
2sudo apt install nodejs
3sudo apt install npm

Fedora:

1sudo dnf install nodejs

Weryfikacja instalacji

Po zakończeniu instalacji, otwórz terminal (lub wiersz poleceń) i zweryfikuj instalację, wpisując:

1node -v
2npm -v

Powinieneś zobaczyć numery wersji, na przykład

v16.15.0

dla Node.js i

8.5.5

dla npm. Jeśli widzisz te informacje, gratulacje! Twój statek kosmiczny jest gotowy do podróży.

Alternatywne menedżery pakietów

Oprócz npm, istnieją również alternatywne menedżery pakietów, które możesz rozważyć:

Yarn

Yarn to menedżer pakietów stworzony przez Facebook, który oferuje szybsze pobieranie pakietów i lepsze zarządzanie zależnościami.

Instalacja:

1npm install -g yarn

pnpm

pnpm to wydajny menedżer pakietów, który oszczędza miejsce na dysku, współdzieląc wspólne zależności między projektami.

Instalacja:

1npm install -g pnpm

W tym kursie będziemy używać głównie npm, ale wszystkie polecenia mają swoje odpowiedniki w Yarn i pnpm.

Następne kroki

Teraz, gdy masz już zainstalowane Node.js i npm, jesteś gotowy do tworzenia aplikacji React! W następnej lekcji nauczymy się, jak utworzyć nowy projekt React przy użyciu Vite.