Zdarzenia w React obsługiwane są w podobny sposób jak w HTML -> oznacza to, że inlinowo wpisywane są "nasłuchiwacze" (używając camelCase) do którego przekazywany jest atrybut w nawiasach klamrowych -> przekazywanie funkcji jako props

<button onClick={buttonClick}>Button</button>

Metoda, do której się odwołujemy poprzez atrybut może znaleźć swoje miejsca w ramach …

Wiele elementów można tworzyć na różne sposoby. W tym kontekście należy wspomnieć o kluczach (ang key), których przypisanie do poszczególnego elementu pozwala na wskazanie Reactowi, które z elementów są stabilne (nie uległy zmianie) - jeśli React sam znajdzie zmianę (bez stosowania klucza) uzna, że każdy kolejny element również został zmieniony usunie …

Aplikacje/strony tworzone przy pomocy Reacta składają się z komponentów. Komponenty tworzą strukturę aplikacji i są interaktywny - mogą przyjmować dane i na ich podstawie zwracać zmienione komponenty (tworzona są przy pomocy klas lub funkcji)

Komponenty są elementami strony, które się powtarzają i stanowią spójną całość, warto podzielić dany komponent na …

Konfiguracja środowiska

Inicjalizacja projektu

npm init -y

Przygotowanie Webpacka

npm i webpack@4 --save-dev
npm i webpack-cli@3 --save-dev
npm i webpack-dev-server --save-dev

Dodanie do package.json skrótu uruchamiającego webpack-serwer

"scripts": {
[..],
"start": "webpack-dev-server --hot -d"

},

Przygotowanie Babel (core/preset-env/loader) Babel loader pozwala na …