React to jeden z najpopularniejszych front-endowych frameworków JavaScript do tworzenia aplikacji internetowych. Otwarty przez Facebooka w 2013 roku, spotkał się z podekscytowaniem w dużej społeczności programistów.

Zanim zaczniesz korzystać z React, znasz już podstawy tworzenia stron internetowych: HTML, CSS i JavaScript. HTML i CSS będą powszechnie używane do umieszczania projektu i tworzenia strony. JavaScript skryptuje bibliotekę, której używamy w reakcji.

Konfiguracja środowiska

Zanim zaczniesz z reakcją, najpierw upewnij się, że konfiguracja jest dostępna. Musisz upewnić się, że masz zainstalowany Node.js, możesz sprawdzić aktualną wersję, wykonując następujące polecenie:

$ node -version

Tworzenie projektu React

Jednym z najprostszych sposobów na skonfigurowanie nowego projektu React jest użycie skryptu create-react-app. Do wykonania tego skryptu można użyć polecenia npx .

$ npx create-react-app test

      

$ cd test

$ code

To jest nowy folder projektu w Visual Studio Code.

node_modules: Wszystkie zależności projektu są przechowywane w tym folderze

public: ten folder zawiera statyczne zasoby aplikacji internetowej

src: To folder zawierający implementację JavaScript aplikacji Reactact

Uruchamianie deweloperskiego serwera WWW Web

Uruchomienie deweloperskiego serwera WWW odbywa się poprzez wykonanie skryptu startowego poprzez:

$ npm start

Przeglądarka otworzy się automatycznie, a URL http://localhost:3000 jest otwarty.

Uruchamianie testów

Wstępny projekt React zawiera domyślnie kilka podstawowych przypadków testów jednostkowych w src/App.test.js. Testy te można wykonać za pomocą następujących metod:

$ npm run test

      

Zbuduj aplikację gotową do produkcji. Oznacza to, że aplikacja React została zbudowana, a wynik został umieszczony w folderze budowania projektu. Następujące polecenie służy do wykonania kompilacji produkcyjnej:

$ npm run build

      

Dziękuję za przeczytanie!

Więcej treści na plainenglish.io