Piszę tutaj głównie o JavaScript i React ale pojawiają się też wpisy na temat innych obszarów frontendu. Więcej o mnie tutaj.
Wszystkie wpisy
-
Ostatnio sporo się zmieniło w moim życiu… Staram się jednak obrócić te zmiany na swoją korzyść. W tym celu postanowiłem wprowadzić do swojej codzienności kilka nawyków, które pomogą mi w samo-rozwoju. Kilka z nich dotyczy oczywiście mojego rozwoju jako programista, myślę więc, że część z czytelników bloga może być nimi zainteresowana.
-
Inspirację do napisania tego wpisu, jak to często już u mnie bywało, przyniosło samo życie. Jednym z pierwszych projektów w Going., w którym przyszło mi brać udział było stworzenie statycznej strony strony www. Mogłem oczywiście napisać wszystko w czystym HTML + CSS + jQuery (sic…). Strona miała jednak zawierać dość dużo logiki biznesowej w JavaScript, do tego routing, a poza tym chodziło również o to, aby rozwiązanie było podstawą do dalszej rozbudowy w przyszłości.
-
Uwaga - informacja prasowa2000 uczestników i niemal 100 cenionych ekspertów z branży IT w jednym miejscu. Przed nami ogromne, interdyscyplinarne spotkanie polskiej społeczności programistycznej. W ciągu jednego dnia specjaliści i pasjonaci IT będą mogli uczestniczyć w niemal 100 praktycznych prelekcjach. Już 8 kwietnia 2019 w Warszawie odbędzie się kolejna edycja 4Developers 2019!
-
Halo halo! Witam po raz pierwszy od września 2018 kiedy to tutaj, na blogu, pojawił się ostatni wpis… Dawni, stali czytelnicy bloga pewnie zastanawiają się co się ze mną dzieje, dlaczego nic się tutaj nowego nie pojawia i czy w ogóle blog jeszcze żyje. Sam się ostatnio nad tym zastanawiałem, a że przyszedł nowy rok (wiadomo… czas podsumowań, co widać choćby w polskiej, programistycznej blogosferze), to postanowiłem zebrać się w sobie i w końcu coś napisać.
-
Wraz z pojawieniem się wersji v16.3.0 Reacta, do naszych rąk trafiła całkiem nowa i myślę, że całkiem przydatna funkcjonalność. Mowa tutaj o tytułowym Context API, które pozwala na wprowadzenie do aplikacji pewnych globalnych ustawień, od których zależeć mogą niektóre komponenty. Dzięki temu implementacja w aplikacji, na przykład, wielu wersji kolorystycznych staje się dziecinnie prosta. Zresztą sam się za chwilę o tym przekonasz!
-
Halo, halo! Witam po dłuższej przerwie, spowodowanej… trochę lenistwem, a trochę innymi sprawami życiowymi. No nic to. Najważniejsze, że w końcu wracam do pisania! A tematem dzisiejszego posta są komponenty wyższego rzędu w React, czyli z angielska higher order components (a skracając: HOC). W wielkim skrócie jest to technika re-używania logiki komponentów, która wbrew pozorom jest dość powszechnie stosowana. Ale o tym w dalszej części tego wpisu.
-
Dziś znów krótko… no ale lepszy rydz niż nic! Jeśli jesteś na czasie z nowościami w świecie React, śledzisz Twittera itp., to na pewno zauważyłeś ostatnio spore zamieszane związane z nowym “ficzerem” jaki ma się niebawem pojawić w ramach biblioteki React. Nosi on nazwę React Suspense i mówiąc w skrócie, ma pozwalać na opóźnienie renderowania części aplikacji dopóki nie zostanie spełniony określony warunek.
Zresztą, najlepiej będzie jeśli obejrzysz wystąpienie Dana Abramova na konferencji JSConf Iceland, w którym przedstawił on nowe API:
Moim zdaniem, nic dziwnego, że jest to ostatnio tak gorący temat - React Suspense pozwoli na tworzenie interfejsu użytkownika, ze znacznie lepszym UX. Obecnie standardem jest, że podczas asynchronicznego pobierania danych z serwera (AJAX) pokazywany jest “loader”. Posiadając jednak bardzo szybkie łącze internetowe często zdarza się, że ów “loader” pojawia się tylko na ułamek sekundy… Dzięki opóźnieniu renderowania, na przykład o sekundę, można zwiększyć prawdopodobieństwo, że dane załadują się jeszcze przed pojawieniem się “loadera”.
BTW: ostatnio zaimplementowałem podobne rozwiązanie w projekcie, w którym biorę udział - fajnie, że niedługo będzie ono dostępne “z pudełka”!
P.S.1 Na koniec jeszcze link do przydatnego źródła - na temat React Suspense napisał już Bartosz Szczeciński i moim zdaniem warto zapoznać się z tym artykułem.
P.S.2 Trzeba też dodać, że opisywany “ficzer” jest wciąż w fazie “alfa” i jego ostateczna wersja może się jeszcze zmienić. Nie jest to więc coś, co można już bezpiecznie używać “na produkcji”!
-
Dzisiejszym wpisem zakończymy serię o Server Side Rendering w React. W zasadzie to po poprzednich 4 wpisach wiesz już wszystko by stworzyć swoją pierwszą aplikację izomorficzną React. Postanowiłem jednak, że pokażę Ci jeszcze pewną alternatywę do tego, co zostało dotychczas pokazane. Istnieje bowiem coś takiego, jak Next.js, czyli specjalny framework pozwalający w łatwy sposób stworzyć aplikację React, która “z pudełka” posiada obsługę renderowania po stronie serwera!
-
Dziś będzie krótko! Bardzo prawdopodobne, że już o tym słyszałeś - sam publikowałem tę informację u siebie na Twitterze - ale zostało opublikowane bardzo ciekawe zestawienie najpopularniejszych projektów świata JavaScript znajdujących się na GitHubie. Myślę, że warto się z nim zapoznać - kto wie, może nie słyszałeś, o którymś z tych projektów, a bardzo by Ci się on przydał?
Na jakiej podstawie stwierdzono, które projekty są najpopularniejsze? Po prostu policzono ile nowych “gwiazdek” zyskały poszczególne z nich w przeciągu ostatnich 12 miesięcy. Oprócz ogólnego zestawienia mamy też podział na frameworki front-endowe, frameworki node.js i kilka innych kategorii.
A który JavaScriptowy projekt zyskał w zeszłym roku największą popularność? Otóż okazuje się, że Vue.js (+40.0 tys. “gwiazdek”)! Na drugim miejscu React (+27.8 tys. “gwiazdek”), a na trzecim create-react-app (+22.5 tys. “gwiazdek”). To pokazuje, że z jednej strony “hype” na Vue wciąż trwa - i dobrze bo to świetna biblioteka. Z drugiej strony, zestawienie pokazuje też, że najsilniejszym obecnie “ekosystemem” dysponuje React - sporo bibliotek z czołówki zestawienia jest z nim związanych (wspomniany create-react-app na drugim miejscu, a do tego takie projekty jak np. Next.js czy Redux). Co ciekawe, Angular znalazł się dopiero na 18 miejscu zestawienia…
Na koniec linki - moim zdaniem warto zajrzeć:
- zestawienie 2017 JavaScript Rising Stars
- autorzy zestawienia napisali też o nim wpis
- o tym, i kilku innych zestawieniach napisał też Jakub Jurkian
-
Ostatnio dało się odczuć trochę mniejszą moją aktywność na blogu ale to nie znaczy, że z nim kończę (zresztą pisałem już o tym nieco w poście noworocznym). Mam przecież rozpoczętą serię o Server Side Rendering w React… A skoro, podobno, mężczyznę poznaje się nie po tym jak zaczyna ale jak kończy, to wydaje mi się, że moim obowiązkiem jest dokończyć to co zacząłem! Dlatego też dziś przedstawiam czwartą cześć moich wpisów na temat SSR, w której pokażę, jak zaprząc do działania bibliotekę react-router zarówno po stronie klienta jak i serwera. Zapraszam do lektury!