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.

Kategoria - programowanie

  • 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!

  • Od czasu kiedy napisałemwpis wprowadzający do biblioteki react-router minęło już trochę czasu. Na tyle dużo, że w tak zwanym “międzyczasie” jej autorzy zdążyli wypuścić nową wersję. Niestety zawiera ona sporo “łamiących zmian” co powoduje, że tamten wpis stracił na aktualności. Dlatego też dziś przedstawię podstawy react-router w wersji 4, tak aby pozostać zawsze na czasie!

  • Dziś pierwsza część cyklu na temat frameworka Semantic UI. Jest to jednocześnie kolejny wpis, którego autorem jest Kacper Tylenda - być może zapowiada nam się dłuższa współpraca… A tym czasem zapraszam do lektury wpisu!

  • Dotychczas, w wielu wpisach na temat React na tym blogu, jako punkt startowy dla przedstawianych przykładów używałem generatorów Yeoman. Nadal uważam, że jest to świetne, bardzo przydatne narzędzie, jednak czasem przychodzi taki moment, że to nie wystarcza. Jedną z alternatyw dla tego podejścia jest wykorzystanie gotowych “starter-kitów”. Jest ich na GitHubie całkiem sporo, tak więc jest w czym wybierać. Ja przedstawię Ci dziś 2 startery React, z których sam miałem okazję już korzystać i mogę Ci je z czystym sumieniem polecić!