Grafiti z napisem "Together We Create!"

Elementy React i JSX – Pierwszy projekt w ReactJS #2

Komponenty, JSX i wirtualny DOM. Trzy flagowe pojęcia, zasłyszane przez każdą osobę zainteresowaną ReactJS. Zanim przejdę do ich omawiania, zatrzymam się na przystanku, pomijanym w większości materiałów dla początkujących. Przybliżę Ci, czym są i jak działają odpowiedniki węzłów DOM w świecie Reacta. Mało się o nich wspomina, podczas gdy ich powstawanie jest głównym efektem korzystania z tej biblioteki. Następnie przedstawię Ci, jak ścisły związek z tym wszystkim ma składnia JSX. Nabyta wiedza pozwoli Ci na stworzenie pierwszego komponentu ze zrozumieniem tego, co dzieje się u samych fundamentów Reacta. (więcej…)

create-react-app – Pierwszy projekt w ReactJS #1

Przygotowywanie środowiska, przed przejściem do właściwej pracy, urosło przez ostatnia kilka lat do statusu takiego wyzwania, że otrzymało niechlubne miano „JavaScript Fatigue”. Niestety, wśród wszystkich frameworków, to właśnie React odpowiadał za największa liczbę konfiguracyjnej gorączki. Chęć wykorzystywania tej technologii wiązała się z koniecznością poznania kilku mniej lub bardziej skomplikowanych narzędzi. Kilka godzin pracy, zanim mogliśmy przejść do tworzenia czegokolwiek. Masakra. Był to zasadniczy powód, przez który początkujący decydowali się na wybór Vue lub Angulara. (więcej…)
Złota statuetka Bitcoina z wykresem na monitorze w tle

Zbudujmy tracker kryptowalut – Pierwszy projekt w ReactJS #0

Najszybszym i najskuteczniejszym sposobem na naukę jest budowanie rzeczy, które nas interesują. Jest to tak często powtarzana rada, że wielu adeptów programowania (ze mną na czele), podchodzi do niej z rezerwą.

Tak po prostu? Żadnego drogiego kursu? Tej jednej, jedynej książki? Sekretnej rady z posta na reddicie?

Na to wygląda.

Wystarczy abstrakcyjnych przykładów. Takie podejście jest skuteczne jedynie podczas nauki składni, a to mamy już za sobą. Wszystko, co powinieneś wiedzieć o JavaScript, omówiłem w Powtórce przed ReactJS.

W nowej serii poznasz podstawy ReactJS przy okazji tworzenia aplikacji z prawdziwego zdarzenia.

(więcej…)