Moje wesołe zdjęcie
Cześć! Jestem Bartek i witam Cię na moim blogu!
Piszę tutaj głównie o JavaScript i React ale pojawiają się też wpisy na temat innych obszarów frontendu. Więcej o mnie tutaj.

Kategoria - programowanie

react-1 Created with Sketch.

Kurs "Podstawy React" jest już dostępny!
Zapraszam do sprawdzenia mojej oferty.

Sprawdź
  • Zgodnie z obietnicą z poprzedniego wpisu tej serii, dziś przedstawię drugą część na temat migracji mojego bloga z Wordpressa do Jekylla. Jej tematem będzie deployment do Heroku czyli hostowanie bloga w chmurze. Ogólnie nie jest to nic specjalnie skomplikowanego - zresztą sam się zaraz przekonasz. Zapraszam do lektury!

  • Dziś krótko! Właśnie pojawiła się nowa wersja Reacta oznaczona numerem wersji: 16.0.0! Na pewno zdążyłeś już gdzieś przeczytać, że w wersji tej następuje bardzo istotna zmiana dotycząca licencji - wszystkie media społecznościowe o tym trąbiły… Fakt, ta nowość na pewno wiele osób ucieszyła, bo skończą się wreszcie te wszystkie dyskusje na temat patentów. Niemniej jednak, wprowadzona właśnie wersja Reacta przynosi ze sobą więcej nowości, o których na pewno warto przeczytać!

    Na końcu tego artykułu znajdziesz linka do oficjalnego komunikatu Facebooka w tej sprawie. Natomiast, jeśli nie chce Ci się go czytać, to masz tutaj ode mnie krótką ściągawkę z jego zawartości:

    • zwracanie tablic i ciągów znaków z metody render - nie trzeba będzie wreszcie otaczać elementu dodatkowym “wrapperem”
    • lepsza obsługa błędów - mniejsza podatność na zawieszenie się aplikacji w przypadku wystąpieniu wyjątku
    • portale - renderowanie children wewnątrz elementu DOM, który jest poza hierarchią DOM rodzica
    • poprawa Server Side Renderingu - renderowanie na serwerze zostało napisane od nowa, więcej w tym artykule
    • wsparcie dla własnych atrybutów DOM - głównie zmiana wydajnościowa
    • redukcja rozmiaru plików modułów react, react-dom - zmniejszono ich rozmiar o 32%
    • przejście na licencję MIT - o tym już na pewno wiesz!
    • nowa “core’owa” architektura o nazwie “Fiber” - zmiany są spore (pod spodem), a więcej przeczytasz tutaj

    W skrócie to tyle! Zachęcam jednak do samodzielnego zapoznania się z artykułem na temat Reacta w wersji 16.0:

    React v16.0 - wpis na blogu Facebooka na temat Reacta

  • Pewnie niektórzy są juz lekko zmęczeni tematem migracji bloga z Wordpressa do Jekylla. Z drugiej strony, sporo osób prosiło mnie o opisanie, w jaki sposób przeprowadziłem się z jednej z tych platform na drugą. Postanowiłem więc, że spełnię te prośby i tym samym raz na zawsze zamkniemy ten temat! Początkowo planowałem opisać całość “za jednym zamachem” ale okazało się, że opis samej tylko migracji danych z Wordpressa do Jekylla to prawie 2 tysiące słów. Dlatego też, temat został podzielony na dwie części: dziś opisuję jak przeniosłem posty i całą resztę do Jekylla, natomiast za tydzień przedstawię jak przeprowadziłem deployment do Heroku!

  • W sumie to kiedyś już na blogu wyjaśniłem czym są i do czego służą generatory ES6. Było to przy okazji wpisu na temat redux-saga, która korzysta właśnie z tego, dość nowego w JavaScript, mechanizmu. Jednak od czasu tamtego posta, dostałem już kilka wiadomości z prośbą o opisanie generatorów w osobnym wpisie, postanowiłem więc dziś tę potrzebę spełnić. Jednak te maile od czytelników to fajna sprawa, bo nie miałem za bardzo pomysłu na dzisiejszy wpis…

  • Za nami już dwie części mini-serii na temat konfigurowania nowej wersji webpacka. Dotychczas dowiedzieliśmy się co nieco na temat podstawowej konfiguracji plików wejściowych oraz wyjściowych. Z ostatniego wpisu natomiast, wiemy już czym są loadery i jak możemy je wykorzystać. Dziś przyszła pora na pokazanie trzeciej, istotnej przy konfiguracji webpacka rzeczy, którą są pluginy. Myślę, że nie ma co przedłużać - zapraszam do lektury!

  • W poprzedniem wpisie na temat konfiguracji webpacka 2 opisałem jak skonfigurować punkty wejściowe oraz miejsce docelowe dla generowanych “bundli”. Dziś przyszedł czas na ciąg dalszy, w którym porozmawiamy o najważniejszej części każdej webpackowej konfiguracji jaką są loadery! W ramach przykładów postaramy się skonfigurować kilka najważniejszych i najczęściej używanych loaderów. Zapraszam do lektury!

  • Dziś ostatnia już część serii autorstwa Kacpra Tylendy na kontrowersyjny temat frameworka Semantic UI. Fraza zawarta w tytule: “ile to kosztuje i czemu tak drogo” może sugerować jakie jest ostateczne zdanie autora o tym rozwiązaniu - ale więcej znajdziesz w tekście… W związku z tym zapraszam do jego przeczytania!

  • Blog programistyczny to jednak fajna sprawa… Kiedy nie masz pomysłu na wpis, zawsze możesz sprawdzić czy coś z Twoich starszych wpisów nie straciło na aktualności. W końcu, szczególnie w świecie front-endu, kolejne wersje frameworków, bibliotek i narzędzi pojawiają się stosunkowo często. Nie inaczej stało się z webpackiem, o którego konfiguracji pisałem w październiku 2016 roku. Z racji tego, że już jakiś czas temu pojawiła się jego nowa wersja, dziś przedstawiam aktualizację tamtego wpisu (jak się w trakcie pisania okazało, jego pierwszą część), w której pokażę na czym polega konfiguracja webpack 2+ (plus, ponieważ wyszła już wersja 3 ale nie wprowadza ona łamiących zmian więc wszystko co opiszę jest dla niej aktualne).

  • Sposobów i podejść do nadawania stylów komponentom React jest całe mnóstwo. Sam jakiś czas temu pisałem o jednym z nich - styled components. Dziś przedstawię kolejny z nich - CSS Modules - z którym zetknąłem się, poniekąd z przymusu, podczas pracy nad moim projektem Polski Frontend. Myślę, że wspominałem już, że do budowy front-endu do tego projektu wykorzystałem starter react-starter-kit - otóż miał on już wszystko skonfigurowane pod CSS Modules, postanowiłem więc dać temu szansę.

  • Dziś druga część cyklu na temat frameworka Semantic UI. Jej autorem jest Kacper Tylenda, który kontynuuje swoją serię, a dziś pokaże czy da się, za pomocą Semantic UI, stworzyć stronę bez użycia CSS… Zapraszam do lektury wpisu!