dzikowski.github.io

Piszę o IT po polsku, więc z góry przepraszam za zagęszczenie kolokwializmów, ale co w angielskim brzmi naturalnie, w polskim często nie ma nawet odpowiedników.

Testowanie Reacta z Jest

Mój projekt nie jest duży, a jednak wprowadzanie w nim zmian daje pewien dyskomfort. Żeby mieć pewność, że wszystko działa, po zmianach przeklikuję cały interfejs, żeby sprawdzić, czy wszystko działa. W dodatku denerwujące sią ciągłe maile od Travisa, że build nie przechodzi. Najwyższy czas napisać wreszcie testy! czytaj dalej

Yarn

Nie tak dawno temu pisałem o nieaktualnych zależnościach w projekcie i różnych dziwnych rzeczach, które się wydarzyły, kiedy usunąłem katalog `node_modules` i potem ponownie pobrałem zależności. Przez jakiś czas siłowałem się ze Shrinkwrapem, jednak ostatnio usłyszałem, że z tego typu problemami z zależnościami dobrze radzi sobie Yarn. Spróbowałem i efekt przerósł moje oczekiwania. czytaj dalej

Struktura katalogów

Oprócz wspólnego stylu, warto mieć jeszcze ustaloną strukturę katalogów. Dla Reacta nie znalazłem żadnych spójnych konwencji, jedynie powtarzające się od jakiegoś czasu rekomendacje, by utrzymywać funkcjonalny podział pakietów, a pliki z testami znajdowały się razem z pozostałymi plikami źródłowymi. czytaj dalej

ESLint. Twój kod może być piękny

Z roku na rok i miesiąca na miesiąc coraz bardziej przekonuję się do tego, jak bardzo ważna jest nie tylko znajomość języka, ale i narzędzi wspierających development. Jednym z nich jest ESLint, które sprawdzi, czy twój kod jest napisany zgodnie z założoną konwencją, a nawet częściowo go poprawi; zarówno czysty JavaScript, jak i pliki Reacta. czytaj dalej

Nieaktualne zależności?

Ekosystem javascriptowy jest niezwykle dynamiczny. Ostatnio przez tydzień z hakiem nie sprawdzałem badgy na GitHubie, dzisiaj wchodzę i nagle okazało się, że David. raportuje o sześciu nieaktualnych zależnościach. Co z tym zrobić? Da się automatycznie, ale też nie obejdzie się bez Shrinkwrapa. czytaj dalej

Serverless Amazon Cognito

Nadszedł wreszcie czas na implementację jednej z podstawowej funkcjonalności startera, czyli połączenie go z Amazon Cognito. Jest już aplikacja, są formularze, przez które można się przeklikać, nie ma jednak połączenia z AWSem. A żeby to zrobić, musimy przejść przez kilka kroków, które zostały opisane w tym tutorialu. czytaj dalej

Retro nr 2

Niepostrzeżenie minął kolejny miesiąc konkursu Daj się poznać i pisania bloga dwa razy w tygodniu. Jak to w programowaniu -- projekt powstaje zbyt wolno, ale przynajmniej blogować się udało. Czas na drugie retro. czytaj dalej

Zrozumieć maszynę, cz. 2

Dwa niewielkie refaktoringi stały się punktem wyjścia do niskopoziomej analizy Reacta i programowania obiektowego w JavaScripcie. Pierwszy omawiany był kilka dni wcześniej, dzisiaj przyszedł czas na ten drugi. czytaj dalej

Zrozumieć maszynę, cz. 1

Ostatnio zrefaktorowałem komponent, dzięki czemu bardzo zmniejszyła się ilość boilerplate, kod po zmianie był dużo bardziej elegancki. Skrócił się, łatwiej się go czytało, był bardziej spójny. Z czasem jednak odkryłem, że refaktoring był zły, bo przez wzgląd na specyfikę działania Reacta i obiektowego JavaScriptu, mógł mieć negatywny wpływ na performance. Ale po kolei... czytaj dalej

React Toolbox i React Router

Jedną z wielkich wad React Toolbox jest kompletny brak wsparcia dla React Routera. Domyślne komponenty obsługują tylko zwykłe linki, co bywa kłopotliwe i doczekało się nawet całkiem pokaźnej liczby issues na GitHubie. Trzeba jakoś obejść ten problem. czytaj dalej