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…)

Mężczyzna stojący na skale

6 powodów, dla których wybrałem Reacta

Przez długi czas zastanawiałem się nad wyborem technologii, za którą zabiorę się po opanowaniu JavaScript. Dla osoby tak podatnej na przesadne analizowanie dostępnych możliwości, podjęcie ostatecznej decyzji nie było łatwe. Dlaczego wybrałem Reacta, zamiast królującego na polskim rynku pracy Angulara lub wschodzącej gwiazdy Vue.js?

W oparciu o zrobiony research oraz moje wrażenia po niespełna miesiącu kodowania w React, przedstawię Wam powody, które przekonały mnie do postawienia na tę bibliotekę.

(więcej…)

Sieć połączonych ze sobą żyłek.

Programowanie funkcyjne – Powtórka przed ReactJS #11

Dzisiaj przyjrzymy się, czym tak naprawdę zajmują się koderscy hipsterzy. Programowanie funkcyjne to najpopularniejsza alternatywa dla programowania obiektowego. W ostatnich latach zdobywa coraz większą popularność. Wbrew pozorom wywołanym przez ten hype, samo programowanie funkcyjne nie jest niczym nowym. Ten paradygmat istnieje od dziesięcioleci. Do tej pory był używany przede wszystkim w środowiskach akademickich. Jego popularność wzrosła za sprawą Reacta. Ta biblioteka wykorzystuje wiele fundamentalnych koncepcji programowania funkcyjnego.

(więcej…)

Zestaw narzędzi na biurku

Prototypy i dziedziczenie – Powtórka przed ReactJS #10

Przypuśćmy, że naszym dzisiejszym celem jest usprawnienie masowej produkcji krzeseł.

Dziedziczenie klasowe

Postrzegając ten problem przez pryzmat języków obiektowych zorientowanych na klasy, zanim przejdziemy do wytwarzania, musimy przygotować specyfikację produktu.
Rolę specyfikacji będzie stanowiła klasa Krzesło. Zamieścimy w niej wszystkie właściwości i funkcjonalności krzeseł, które będziemy produkować. Najpierw skupimy się na najprostszym modelu, jaki przychodzi nam do głowy, zostawiając sobie furtkę do dalszych usprawnień w przyszłości.

(więcej…)

ZawodProgramista-wide

Zawód: Programista – recenzja książki

Książkę Zawód: Programista: Wszystko, czego potrzebuje świadomy developer autorstwa Macieja Aniserowicza nabyłem w przedsprzedaży. Wystarczy zerknąć na świetne wyniki sprzedażowe, aby zdać sobie sprawę, jak wielu programistów darzy zaufaniem autora bloga devstyle.pl. Byłem ciekaw, jak Zawód: Programista wypadnie na tle Dev Career Guide Johna Sonmeza. Autorzy postawili sobie dokładnie ten sam cel: stworzyć kompletny przewodnik programisty po branży IT. Czy Maciej przedstawia unikalne treści, których na próżno szukać w dużo obszerniejszej książce autorstwa popularnego na całym świecie Simple Programmera? Czy udało się osiągnąć cel postawiony w podtytule książki i rozszerzyć moją developerską świadomość? Zobaczmy.

(więcej…)

Mężczyzna wskazujący na pokaz fajerwerków.

Wskaźnik this – Powtórka przed ReactJS #9

Wskaźnik this stanowi fundament programowania zorientowanego obiektowo. Niestety, w przypadku JavaScript, jest jedną z najbardziej zagmatwanych części języka. Zarówno początkujący, jak i weterani innych języków programowania, będą mieli wiele okazji do złapania się za głowę. W przeciwieństwie do Javy i C#, wartość this nie zawsze wiąże się z obiektem/funkcją zawierającą to słowo kluczowe.
(więcej…)
Droga za ogrodzeniem.

Domknięcia – Powtórka przed ReactJS #8

Zacznijmy od spraw natury czysto organizacyjnej. Od dnia dzisiejszego, wpisy z serii Powtórka przed ReactJS, będą miały odmienną formę niż dotychczas.

Do tej pory skupiałem się na kompleksowym omawianiu wybranych zagadnień. Takie podejście miało liczne zalety w zakresie opracowania najistotniejszych fragmentów specyfikacji ES6. Mamy końcówkę 2017 roku, a mimo to nadal trudno wskazać wyczerpujące i jednocześnie zwięzłe materiały do nauki ‚nowości’, które stały się częścią standardu przeszło dwa lata temu.

Jeżeli chodzi o tematykę zaplanowaną na drugą część serii, sprawa wygląda zupełnie inaczej. (więcej…)

Azjatka otoczona przez kolorowe bąbelki mydlane.

Zakresy – Powtórka przed ReactJS #7

Bez zrozumienia zakresów nie obejdzie się podczas pisania nawet najprostszych programów. Tak pozornie banalne zagadnienie zawiera wiele niuansów, które wprowadzają w dezorientację wielu początkujących. Większość z owych niuansów odchodzi w niepamięć po zrezygnowaniu z wykorzystywania var na rzecz let i const. Czy jest to wystarczający powód, aby pominąć temat? W żadnym wypadku. Dogłębne opanowanie mechaniki zakresów jest bardzo często sprawdzane podczas rozmów kwalifikacyjnych. Wystarczy zrozumieć kilka prostych zasad, żeby znacznie zwiększyć szansę na zdobycie wymarzonej pracy. (więcej…)