Serie
Wieloczęściowe deep dive, w kolejności.
Zestawy postów budujące temat od fundamentów. Każda seria ma stałą kolejność czytania - zacznij od pierwszej części, a kolejne zależności same się układają.
- Seria 016 części · ~67 min
Wnętrze silnika JavaScript: co naprawdę się dzieje, gdy odpalasz kod
Sześć postów śledzi jedno wywołanie funkcji: execution context, hoisting, closure,
this,new, garbage collection - cały cykl życia silnika.- Execution Context i Call Stack - jak JavaScript wykonuje twój kod
- Hoisting w JavaScript, czyli o czym tak naprawdę mówi ta metafora
- Closure w JavaScript, czyli jak funkcja może coś pamiętać
- jeszcze 3 części
Czytaj serię →Nie rozpoczęta - Seria 024 części · ~59 min
Async JavaScript: jak silnik wykonuje twój asynchroniczny kod
Cztery posty budują model async od fundamentów: event loop, promises jako maszyna stanów, async/await i generators - mechanizm pause/resume pod spodem.
- Event Loop w JavaScript - jak silnik decyduje, co odpalić następne
- Promises w JavaScript - od callback hell do microtask queue
- async/await w JavaScript - jak funkcja może czekać bez blokowania wątku
- jeszcze 1 część
Czytaj serię →Nie rozpoczęta - Seria 031 z 4 części · ~9 min
Fundamenty wydajności: Big-O i struktury danych w kodzie frontendowym
Big-O i struktury danych za nim wyjaśnione przez realny kod frontendu - re-rendery Reacta, zapytania do DOM-u, lookup w
Map. Bez akademickich przykładów.- Big-O bez matematyki: ile naprawdę kosztuje twój kod
- Hash mapy: dlaczego lookup w Map i Set jest natychmiastowyWkrótce
- Drzewa i trawersacje: BFS vs DFS po DOM-ieWkrótce
- jeszcze 1 część
Czytaj serię →Nie rozpoczęta - Seria 041 z 3 części · ~11 min
Bezpieczeństwo w sieci: model same-origin i co go łamie
Jak przeglądarka decyduje, kto czyta czyje dane: same-origin policy, CORS, potem XSS i CSRF - plus nagłówki i flagi ciasteczek, które je powstrzymują.
- Same-origin policy i CORS, czyli kto może czytać dane z innego serwera
- Content Security Policy: dyrektywy, nonce'y, strict-dynamicWkrótce
- CSRF i ciasteczka SameSite: tokeny, Lax kontra Strict kontra NoneWkrótce
Czytaj serię →Nie rozpoczęta - Seria 053 części · ~30 min
Caching: od HTTP po warstwy, które piszesz sam
Caching warstwa po warstwie, jeden wątek: cache invalidation - co dany cache trzyma i kiedy to unieważnia. Od nagłówków HTTP po cache Service Workera.
- HTTP caching: czemu druga wizyta na stronie jest natychmiastowa
- Service Worker - kod, który odpowiada zamiast serwera
- Gdzie żyje cache: ile kopii jednej odpowiedzi istnieje naraz
Czytaj serię →Nie rozpoczęta - Seria 061 z 3 części · ~14 min
Renderowanie w przeglądarce: od HTML do pikseli i płynnych klatek
Co przeglądarka robi między HTML a pikselami: pipeline renderowania, co blokuje następną klatkę (INP) i jak kompozytor utrzymuje płynność.
- Od HTML do piksela: jak przeglądarka renderuje stronę
- INP: co blokuje następną klatkę i jak to odblokowaćWkrótce
- Kompozytor i warstwy GPU: jak scroll pozostaje płynnyWkrótce
Czytaj serię →Nie rozpoczęta
- 07 3 części
Moduły i bundling: jak twój kod staje się jednym plikiem
Jak ładują się moduły JS i jak bundler zamienia dziesiątki plików w jeden: ESM vs CommonJS, dynamiczny import i co musi być spełnione dla tree shakingu.
- 08 5 części
Frontend system design: jak naprawdę działają systemy widoczne dla użytkownika
Systemy, które projektuje frontend engineer - powiadomienia, współpraca na dokumencie, nieskończone feedy - wyglądają prosto, dopóki nie zaczniesz myśleć o gwarancjach dostarczenia, rozwiązywaniu konfliktów i tysiącu widgetów na jednej stronie. Tu jak działa każdy z nich od środka.
- 09 4 części
Modern React od środka: RSC, Server Actions i granica z klientem
React 19 zmienił model — Server Components działają na serwerze, Client Components hydratują się na żądanie, a Server Actions zwijają podział klient/serwer przy mutacjach. Ta seria po kolei rozkłada te elementy na czynniki pierwsze: co naprawdę trafia do przeglądarki, skąd biorą się hydration mismatches i jak je debugować, kiedy sięgnąć po Server Action zamiast po fetch, oraz jak nowe prymitywy (
use,useOptimistic, transitions) zmieniają codzienny kod komponentów. - 10 4 części
AI dla frontend engineerów: streaming UI, RAG i pętle agentów
Jak budować aplikacje wokół LLM-ów w stacku frontendowym, który już znasz - od streaming UI z React Server Components, przez vector search w funkcjach serverless, po pętle agentów, które wywołują narzędzia i radzą sobie z błędami, bez ciągnięcia Pythonowego stacku ML do twojej aplikacji.