Michał Miszczyszyn / typeofweb
JavaScript, HTML, CSS, TypeScript, Node.js, React.js, Angular, ReasonML
Ostatnie newsy
Podstawowe struktury danych — tablica i lista
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Znajomość podstawowych struktur danych takich, jak tablica czy lista, jest w środowisku akademickim uważana za wiedzę podstawową w programowaniu. Czy tak jest naprawdę? Moim zdaniem nie jest to absolutnie niezbędne do codziennego klepania kodu. Mimo to, warto jednak poznać różnorodne struktury danych, gdyż ta wiedza może mieć wpływ na nasze decyzje odnośnie implementacji i postrzegania problemów algorytmicznych. Co to jest struktura danych? Struktura danych (data …
Automatyczne uruchamianie testów w Buddy
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Automatyczne uruchamianie testów w Buddy.works Jednym z najbardziej potrzebnych elementów tworzenia niezawodnych aplikacji jest pisanie testów i ich automatyczne uruchamianie po stworzeniu Pull Requesta. W tym artykule pokazuję, jak łatwo skonfigurować w tym celu Buddy.works tak, aby automatycznie uruchamiał testy jednostkowe i testy integracyjne. Poniższy artykuł powstał we współpracy z Buddy.works. Testy jednostkowe, testy integracyjne Jako przykładowy projekt wezmę moją …
Continuous Integration na GitHub Pages w Buddy.works
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Ustawienie narzędzi do Continuous Integration i Continuous Delivery nierzadko odstrasza nawet zaawansowane osoby. Nie dziwię się! Pisanie plików konfiguracyjnych w YML do najprzyjemniejszych nie należy. W tym wpisie pokazuję ciekawą alternatywę: jak łatwo wyklikać Continuous Integration w Buddy.works na przykładzie aplikacji React.js i GitHub Pages! Poniższy artykuł powstał we współpracy z Buddy.works. Continuous Integration i GitHub Pages Pod wpisem dotyczącym wrzucania React.js na GitHub Pages …
Reactive Conference 2019 – relacja
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… ReactiveConf 2019 ponownie w czeskiej Pradze. Jak obiecałem, tak zrobiłem i pojechałem na tę konferencję poświęconą tematom takim, jak: JavaScript, React, Vue, Angular, Programowanie Reaktywne, TypeScript i innym. Czy było warto? ReactiveConf Na Reactive Conference pojechałem po raz trzeci. Dwa lata temu w Bratysławie byłem absolutnie zachwycony organizacją, a w roku ubiegłym, już w Pradze, też było świetnie! Tegoroczna edycja jednak jest dla …
Continuous Integration — Recenzja Buddy.works
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Przez ostatnie kilka lat pracy w branży poznałem wiele różnych narzędzi do Continuous Integration (CI) i Continuous Delivery (CD). Sądziłem, że już nic nie będzie w stanie mnie zaskoczyć i nic nie będzie łatwiejsze, bo niby co dałoby się tutaj uprościć? Otóż, myliłem się. Poznajcie Buddy.works! Poniższy artykuł powstał we współpracy z Buddy.works. Co to jest Buddy? Buddy reklamuje się hasłem Get …
Złożoność obliczeniowa, czasowa i pamięciowa algorytmów
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Często w algorytmicznych zadaniach rekrutacyjnych można natrafić na wymagania dotyczące pojęć takich, jak złożoność obliczeniowa lub złożoność pamięciowa algorytmów. Ale co to oznacza? W tym wpisie wyjaśniam, o co chodzi z notacją „duże O” O(n). Od prostego wytłumaczenia dla laików, po formalny opis. Zaczynajmy! Przykład zadania ze złożonością obliczeniową Na pytanie o złożoność obliczeniową i złożoność pamięciową algorytmów można natrafić na portalach typu Codility. …
Syndrom oszusta – impostor syndrome
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Czasami zdarza mi się leżeć w nocy i zastanawiać się nad tym, jak niewiele potrafię. Jest cienka, ale bardzo ważna granica pomiędzy skromnością i dostrzeganiem swoich braków, a poczuciem, że wszystko, co wiem jest bezwartościowe. Czasami sam nie wiem, po której stronie stoję. Przypomina Ci to coś? Czy to już syndrom oszusta? Syndrom oszusta Syndrom oszusta to zjawisko psychologiczne powodujące brak wiary w swoje osiągnięcia. …
Syndrom oszusta – impostor syndrome
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Czasami zdarza mi się leżeć w nocy i zastanawiać się nad tym, jak niewiele potrafię. Jest cienka, ale bardzo ważna granica pomiędzy skromnością i dostrzeganiem swoich braków, a poczuciem, że wszystko, co wiem jest bezwartościowe. Czasami sam nie wiem, po której stronie stoję. Przypomina Ci to coś? Czy to już impostor syndrome — syndrom oszusta? Syndrom oszusta Syndrom oszusta to zjawisko psychologiczne powodujące brak wiary …
Problem XY, czyli gdy nie wiemy, o co pytamy
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam Problem XY. Jak …
Problem XY, czyli gdy nie wiemy, o co pytamy
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam Problem XY. Jak …
Problem XY, czyli gdy nie wiemy, o co pytamy
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam Problem XY. Jak …
Problem XY, czyli gdy nie wiemy, o co pytamy
Type of Web - Blog o programowaniu. Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Na pewno każda i każdy z Was napotkał kiedyś w swoim życiu Problem XY, być może nawet o tym nie wiedząc. Część z was pewnie go „popełnia”. Problem XY występuje wtedy, gdy pytamy o rozwiązanie problemu, zamiast o sam problem. Dlaczego to źle? Jak zadawać pytania? Problem XY: Scenka Od lat pomagam wielu ludziom na różnych forach, czatach i innych kanałach i niemal codziennie napotykam …
useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Problem z funkcjami Weźmy prosty komponent, w którym tworzony jest callback handleClick przekazywany jako props dalej: function MyComponent({ oneProp, anotherProp }) { …
useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Problem z funkcjami Weźmy prosty komponent, w którym tworzony jest callback handleClick przekazywany jako props dalej: function MyComponent({ oneProp, anotherProp }) { …
useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
Type of Web - Dla front-end i back-end developerów. Trochę o urokach pracy zdalnej, ale przede wszystkim o: JavaScript, React, Vue, Angular, node.js, TypeScript, HapiJS… Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek! Problem z funkcjami Weźmy prosty komponent, w którym tworzony jest callback handleClick przekazywany jako props dalej: function MyComponent({ oneProp, anotherProp }) { …
typeofweb
JavaScript, HTML, CSS, TypeScript, Node.js, React.js, Angular, ReasonML
Michał jest programistą JavaScript z wieloma latami profesjonalnego doświadczenia. Organizator meet.js Summit i meet.js Gdańsk. Bloger na typeofweb.com, a okazyjnie także prelegent.