Wprowadzenie do React

Czym jest React?

React to biblioteka JavaScript służąca do efektywnej budowy interfejsów użytkownika. Została wydana w 2014 roku przez firmę Facebook i momentalnie zaskarbiła sobie rzeszę fanów na całym świecie. Obecnie jest to jedna z najpopularniejszych technologii stosowanych na platformie Github. Powodów tej popularności jest z mojego punktu widzenia kilka.

Skąd ta popularność?

Po pierwsze React ma niski próg wejścia i nie jest aż tak ciężki do opanowania jak inne biblioteki pozwalające na tworzenie UI. Facebook zainwestował w React ponieważ mieli problem z rozbudową swojej platformy na istniejących narzędziach, a wprowadzanie nowych osób do projektu było dla nich niezwykle kosztowne.

Kolejną zaletą jest mocno zakorzeniona modułowość dzięki czemu aplikacja jest rozbita na wiele małych komponentów, które odpowiadają za drobny wycinek funkcjonalność. To powoduje łatwiejszą pracę z kodem oraz łatwiejsze dołączanie kolejnych elementów do systemu.

React promuje także podejście “Learn Once, Write Anywhere”, a więc sam język nie jest “przywiązany” do stosu technologicznego i można użyć tej biblioteki zarówno do zrobienia interfejsu webowego jak i UI na potrzeby aplikacji mobilnych czy programów typu Virtual Reality.

Nauka od podstaw

Jeżeli choć trochę zainteresował Cię powyższy akapit to zapraszamy na bezpłatny tutorial podstaw ReactJS w formie video. Przed przystąpieniem do nauki samego Reacta wymagana jest wiedza z zakresu HTML, CSS oraz JavaScript ES5/ES6. Na komputerze musisz mieć także zainstalowany edytor (np. VS Code) oraz silnik NodeJS. W pierwszej lekcji możesz zobaczyć jak prosta jest utworzenie projektu React z użyciem pakietu create-react-app:

W kolejnym odcinku omawiam dwie bardzo ważne kwestie. Wewnętrzny stan komponentu (state) oraz parametry przekazywane do komponentu z zewnątrz (props):

Cały kod użyty na potrzeby tego kursu jest dostępny tutaj, a wszystkie odcinki uporządkowane w kolejności znaleźć możecie tutaj. Osobom, które wolą się uczyć z materiałów anglojęzycznych z całego serca polecam kurs wydany przez Tyler’a McGinnisa.