Turborepo - zarządzanie monorepo

Ostatnio w jednym z projektów używam https://turbo.build/. Turbo to narzędzie, które pozwala na łatwe zarządzanie projektem typu monorepo w JS i TS. 

Częstym problemem jest trudność w odpalaniu kilku projektu na raz. Dzięki Turbo, można zdefiniować projekty i odpalać je z jednego miejsca, za pomocą wspólnego polecenia Turbo run. Wykona ono na przykład wszystkie zadania build lub dev z package json. Dodatkowo, jeśli baza kodu się nie zmieniła, wynik zostanie zwrócony z cache. Można to skonfigurować także po stronie serwera.

Turbo pozwala na łatwe wyodrębnianie spójnych aplikacji i bibliotek. Przykładowo, możesz wydzielić sobie aplikację webową oraz api i wrzucić je do folderu apps. Następnie, możesz utworzyć folder packages, w którym będziesz w płaskiej strukturze przechowywał:

• modele (interfaces)
• konfiguracje eslinta
• serwisy HTTP dla Angulara (jeśli masz taką fantazję)
• reużywalne komponenty
  

Dzięki temu, można łatwo potem dodać jeszcze inny rodzaj aplikacji, który skorzysta ze współdzielonej bazy kodu. Jest to świetnie rozwiązanie w pracy, gdy zwykle tworzymy więcej niż jedną aplikację. Spotkałem się z sytuacjami, kiedy dla kilku takich samych aplikacji musimy osobno instalować eslint czy Jest i następnie wielokrotnie dodawać te same konfiguracje. Turbo znacznie upraszcza ten proces.

Każda aplikacja jest osobną paczką z plikiem package.json, którą można zainstalować jak standardową, wersjonowaną paczkę npm w obrębie repozytorium.

Minusem Turbo jest dość trudna konfiguracja udostępniania plików z jednej paczki do drugiej. W teorii jest to proste, w praktyce napotkałem na wiele możliwych ustawień (z pliku TS, z package jsona albo ze skompilowanych plików TS). 

Podsumowując, Turbo zapewnia spójną obsługę monorepo i zachęca nas do dzielenia kodu na reużywalne paczki.  Z mojej perspektywy jest prostsze niż Nx, jednocześnie oferując nieco mniej możliwości.

Visual Timer - Yunbaoit

 Pomodoro to najgorszy sposób na zarządzanie czasem, ale do tej pory nie wynaleziono nic lepszego. Odkąd pracuję na swoim, przetestowałem mnóstwo aplikacji tego typu. Każda miała jakieś wady. Sprawdzałem też fizyczne urządzenia. Nakręcany pomidor kuchenny jest mało dokładny i bardzo głośny, nie ma opcji konfiguracji. Zegarki z odliczaniem stworzone są raczej do innych celów niż odliczanie pomodoro, brakuje im między innymi czytelności w gorszym świetle.

Ostatnio testowałem aplikację od Time Timer

https://www.timetimer.com/collections/applications/products/time-timer-ios-app

która sprawdza się bardzo fajnie. Podoba mi się idea wizualnego przedstawienia upływu czasu. Aplikacja nie żadnych bajerów, typu śledzenie zrobionych pomidorów, co w zasadzie jest na plus. Działa też w trybie pełnoekranowym. 

Nie jestem jednak fanem ciągłego używania telefonu przy pracy, a jeszcze bardziej, wydawania 35 funtów na budzik z czerwonym ringiem ze strony 

https://www.timetimer.com/products/time-timer-mod-30-minute aby mieć to samo w formie fizycznej.

Zerknąłem na alliexpress gdzie znalazłem podobny timer marki Yunbaoit w wielokrotnie niższej cenie, tzn około 25 pln. Obecnie trochę podrożał. Nie brakuje mu opcji. 

• Można nim odliczać czas do godziny
• Posiada czas pikania 3 i 30 sekund
• Ma 3 ustawienia głośności, mute, ciszej i głośniej
• Czujnik baterii 
• Podświetlenie do pracy w nocy
  

Gdy zegarek jest wyciszony, na koniec czasu mruga podświetleniem. Całość przypomina trochę solidniejszy budzik z kiosku, opakowany dodatkowo w gumową obudowę. Testy trwają, pierwsze wrażenie - jak za tak niską cenę, bardzo pozytywne.

Time Timer

 I'm testing Time Timer https://www.timetimer.com/ app for Android, looks very promising. Simple way of visually tracking time.

VSCode - podejrzyj wszystkie zmiany

Source control w VSCode działało dla mnie "wystarczająco dobrze", by móc pracować na nim przez cały czas. Brakowało mi jednak jednej opcji - przeglądania wszystkich commitów w jednym widoku. Jeśli chcieliśmy podejrzeć nasze zmiany, musieliśmy przeklikać się przez wszystkie pliki.

Ostatnio zauważyłem jednak świetną opcję "View Changes"

Po jej wybraniu widzimy wszystkie zmiany w formie przewijanej, co przyśpiesza pracę. 

Praca w ciszy

 Standardowy stan w pracy to:

• Włączony Spotify
• Przeglądanie Facebooka
• Zerkanie na nowości na yt
• Oczywiście w międzyczasie dzwoni kurier / mama / dodaj dowolne

Czasem wydaje mi się, że więcej czasu spędzamy między przełączaniem się między tymi wszystkimi ciekawostkami, niż na pracy. Metoda pomodoro ma nam pomóc skupić się przynajmniej na te 25 minut, ale w rzeczywistości staje się dodatkowym źródłem rozproszeń. Ponoć aby wrócić do pełnego skupienia po przerwanej pracy, potrzeba aż 20 minut.

Rekrutacja 2024, czyli jak szukałem pracy

Na koniec marca 2024 mój team dostał informację, że rezygnują z kontraktorów z Polski. Pierwsza reakcja to oczywiście ... lęk o los projektu, ponieważ został on powierzony w ręce nieznanych osób.  Druga - ustawiam na Linkedinie status Ready to work i szukam nowej pracy. Okazało się to trudniejsze niż myślałem, ale wykonalne.

Wysłałem około 200 cv, przeprowadziłem mnóstwo rozmów HR i kilka rozmów rekrutacyjnych. Poszukiwania trwały do czerwca, kiedy to udało mi się znaleźć ofertę prawie tak samo dobrą, jak poprzednie stanowisko.

Moje spostrzeżenia

1. Bez kilku lat doświadczenia w konkretnych technologiach trudno jest przejść nawet pierwszy etap rekrutacji. Na starcie odpadniemy przegrywając z bardziej dopasowanymi osobami.
   
2. Topowe stanowiska wymagają od kandydata znacznie więcej, niż tylko kodowanie w jednym frameworku. Warto na przykład mieć doświadczenie trenerskie lub leaderskie, albo pracować jako full-stack.
   
3. Firmy coraz częściej zwracają uwagę na wykształcenie
4. Bez dobrej znajomości angielskiego bardzo szybko uderzymy w sufit zarobków i to jest czynnik, który ogranicza nas najbardziej.
   
5. Konieczne jest zbieranie wszystkich pytań rekrutacyjnych i wykuwanie ich na blachę. Najlepiej jest uczyć się z błędów popełnianych przez inne osoby i aktywnie szukać pytań rekrutacyjnych w sieci. Będzie to okazja do poznania tych tematów, na które nigdy nie mieliśmy czasu. Praca programisty w dużej mierze przypomina pracę naukowca, polega na wertowaniu materiałów i szukaniu czegoś, co być może kiedyś się nam przyda.
   
6. Częstym wymaganiem jest praca przynajmniej jeden raz w tygodniu z biura. Moim zdaniem, jest to bardzo na minus.

101 pytań rekrutacyjnych na frontend

Podrzucam listę realnych pytań z rekrutacji frontendowych 2024. Jeśli chcesz żebym Cię z tego przepytał, odezwij się na kamilnaja🙈gmail.com

Pytania JS

1. Czym różni się var, let i const
2. Czym jest proxy api (nikt o to nigdy nie pytał, ale ja bym zapytał :) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy JS
3. Jak zrobić listę unikalnych wartości (użyj set)
4. Opisz asynchroniczność
5. Jak działa Event Loop?

Angular - jak działa change detection?

Głównym elementem change detection strategy w Angularze jest Zone.js. Jest to biblioteka, która patchuje metody asynchroniczne (requesty HTTP, timery) i zdarzenia, które są wywoływane przez użytkownika. Tworzy przez to kontekst wykonania. 

NgZone to serwis, który pozwala na optymalizację obsługi Zone. Stanowi on abstrakcję nad Zone.js Dzięki niemu, można na przykład wykluczyć fragment kodu, który wykonuje asynchroniczne zdarzenia, z change detection. Służy temu metoda runOutsideAngular().

Angular - Dependency Injection

DI (dependency injection) w Angularze pozwala na dostarczanie zależności. Pośrednikiem między elementami i zależnościami, które można wstrzykiwać, jest Injector. Gdy zależność jest potrzebna, Injector sprawdza, czy istnieje jej instancja i jeśli nie, tworzy ją i dodaje do rejestru. W większości przypadków, możesz używać uproszczonego DI, jednak warto wiedzieć, jak działa to pod spodem.

Angular LifeCycle Hooks

ngOnChanges()

Wywołuje się gdy Angular ustawia lub resetuje właściwości wejściowe powiązane z danymi. Metoda otrzymuje obiekt SimpleChanges. 

Uwaga - odpala się jako pierwszy, ale tylko gdy komponent posiada @Input().

Mity i problemy z popkulturą

W tym poście chciałbym przedstawić Ci najczęstsze problemy z popkulturą / szkodliwe przekonania / mity, które w niej zauważam.

1. Mit błyskawicznej nauki do poziomu mistrzowskiego
   Podstawa filmu Rocky, bohater średniak pod wpływem motywacji osiąga niesamowite rezultaty. Firma (na przykład restauracja), która robiła coś zawsze źle, zaczyna nagle robić wszystko dobrze, bo do lokalu wszedł ktoś znany. Osoba zmienia się pod wpływem uczucia i nigdy nie wraca do poprzednich negatywnych schematów zachowań. Myślenie typu - gdy tylko zaczniemy robić x, wszystko się zmieni. 

JS NaN math operation that not returns NaN

I always thought that in JS every math operation that uses NaN returns NaN. 

However, there is a couple a funny exceptions

NaN ** 0 > returns 1, the same as

Math.pow(NaN, 0)

Wonders never cease

Umysł otwarty na naukę

Można wyróżnić 2 wzorce zachowań ludzkich w odpowiedzi na nowe rzeczy.

Jedna osoba będzie je ignorowała, wykpiwała, uciekała od nich. Przykładowo, ludzie którzy żyją za granicą przez większość życia i nigdy nie nauczą się języka. Albo programiści którzy ciągle narzekają na język programowania, który ledwo znają. Lub studenci którym "żaden przedmiot się nie przyda".

Druga osoba natomiast będzie chciała poznać wszystko dookoła. Nauczy się tylu języków, ile będzie w stanie, poświęci swój czas na naukę rzeczy, które być może nigdy się nie przydadzą. 

Moja porada - jeśli widzisz, że po raz któryś straciłeś, bo czegoś nie wiedziałeś, zacznij się tego uczyć. Gdy słyszysz, że technologia X jest coraz popularniejsza, zajrzyj do niej. Nie bądź ignorantem.

Inspirujące historie v2

Kolejne inspirujące historie, które miałem nazbierane od długiego czasu, ale publikuję je dopiero teraz :)

Była sobie skała i byli sobie ludzie. Skała miała około 4 metry, spokojnie leżała sobie w Finlandii i wejście na nią wydawało się niemożliwe. Nazwano ją Burden of Dreams. W 2016 roku, po 4 latach przygotowań, wszedł na nią Nalle Hukkataival, następne wejścia miały miejsce dopiero w 2023 roku. Fascynujące jest to, jak ogromny wysiłek włożono w tak nie tyle bezsensowny wyczyn*, co wyczyn, na który składało się zaledwie kilka ruchów.

Bifurkacja wiedzy, największy problem w programowaniu

Bifurkacja^[1] – w szerszym znaczeniu: rozwidlenie się (rozdzielenie) na dwa lub więcej ramion rzeki, pasma górskiego, prądu morskiego, struktury geologicznej itp.

Uczysz się samodzielnie programowania. Przykładowo -  rozszerzenie do przeglądarki możesz napisać albo pisząc po prostu JS, albo używając biblioteki. Biblioteka może używać React lub Angular. W każdej z tych technologii możesz dodać lub nie obsługę store. Efektem prac jest działająca aplikacja. Problemem jest to że należy znaleźć jedno z wielu rozgałęzień na łatwe stworzenie programu.

Ostatnio chciałem nauczyć się montowania filmów. Problemy są tutaj podobne do programowania, ponieważ masz do wyboru kilkanaście różnych płatnych i darmowych programów do montowania, każdy z nich obsługuje się nieco inaczej. Efektem używania takiego programu jest zmontowany film.

Nieświadome poznanie rozwiązania, czyli dlaczego oglądanie tutoriali bez praktyki może nie dawać efektów

 Ostatnio od czasu do czasu lubię sobie odpalić krótką rundę gry Doom. Dla niewtajemniczonych - jest to jedna z pierwszych strzelanek, która polega na przemierzaniu skomplikowanych map i strzelaniu do demonów. Gra składa się z wielu map następujących jedna po drugiej. Ogólnie graczem nie jestem, gra jest skomplikowana i budzi niepokój.

Zamiast błądzić po jej zakamarkach, czasem włączę sobie tutorial opisujący jak najsprawniej przejść daną mapę. Nie robię tego bezpośrednio przed grą, raczej dla odprężenia gdy mam wolną chwilę.

🦉3 rodzaje nauki📚

Pierwszym rodzajem nauki jest uczenie się nowych rzeczy. Przyswajamy wtedy nową wiedzę tak długo, aż zacznie się nam wydawać, że rozumiemy jakiś temat. W przypadku programowania możemy przestać się uczyć na przykład wtedy, gdy widzimy, że wykorzystujemy sprawnie pozyskaną wiedzę w praktyce.

Drugim rodzajem nauki jest powtarzanie materiału. Z czasem nasza pamięć się zaciera, wykorzystujemy jedynie te wiadomości, które się sprawdziły, a o innych, zapominamy. W programowaniu może prowadzić to na przykład do niewykorzystywania niektórych wydajnych, ale bardziej skomplikowanych konstrukcji. Gdy uczymy się gry w szachy, zapamiętujemy te zagrania, które wykorzystujemy częściej. Prawo Zipfa mówi, że dane najczęściej występujące są mniej ważne (mniej szczegółowe) i odwrotnie. 

Dobrze jest zatem regularnie odświeżać sobie wiedzę. 

🐢Programistyczne podsumowanie roku 2023🐇

Rok 2023 to dla mnie kolejny rok bardzo intensywnego rozwoju.

Postawiłem na rozwój językowy - wbiłem 400 dni bez przerwy z Duolingo (język ukraiński po angielsku), kontynuowałem naukę z Anki oraz z aplikacją BeeSpeeaker, która sprawdza się chyba najlepiej. 

Sporo energii wsadziłem w naukę tworzenia rozszerzeń do przeglądarek. Ostatecznie wybrałem framework Plasmo, wykorzystujący React i zrobiłem w nim mały projekt.

🪓Dlaczego w wielu firmach źle się pracuje

Ostatnie kilka lat pracuje mi się bardzo dobrze. Jak doradzał były prezydent, zmieniłem pracę (przestałem pracować w zawodzie), kredytu nie brałem. Z perspektywy czasu jednak zastanawiam się, co wpływało na to, że jako młodemu pracownikowi pracowało mi się tak źle. Po założeniu firmy w 2013 roku poczułem znaczną poprawę jakości tego, jak mi się pracuje - po prostu zrezygnowałem z etatu. W tym artykule przedstawię kilka powodów, dla których praca w wielu firmach staje się dla pracownika zaplanowaną (przez pracodawcę) udręką. Jest to trochę tak jak ze szkołą. Szkoła ma uczyć posłuszeństwa i zabijać samodzielność, a większość etatów jest jej kontynuacją.