Publication / Engineering Journal
In-depth articles covering real-world frontend performance, state architecture, browser rendering, and production lessons learned.
Our product filter was taking 2-3 seconds to respond on every selection. The culprit wasn't a slow API or missing cache — it was using the URL as the sole source of truth. Here's how a hybrid Redux approach fixed it, what broke afterward, and what I'd do differently if rebuilding it today.
Our images were loading too slowly. CDN caching wasn't enabled, but the slowness felt like something more. Diving deeper revealed that missing width, height, and sizes props on next/image components were forcing the browser to download the largest available image every time.
I assumed once a React component loads, it stays loaded and you never see its skeleton again. A bug involving a modal and a misplaced Suspense boundary proved me wrong — and taught me how dynamic imports actually work under the hood.
Should you use functions or classes in JavaScript? Modern frameworks lean heavily on functions — React moved to hooks, Django started function-first. So why do classes still exist? The answer lies in memory, the prototype chain, and what your code actually needs to do.
Why does switching to Cloudflare DNS (1.1.1.1) or Google DNS (8.8.8.8) fix high ping in Valorant? It's not placebo — it's Anycast routing, EDNS Client Subnet, and how your ISP picks network paths. Here's the full technical explanation.
What is UTF-8 encoding and why does it matter? A real emoji bug in a CSV export — and two lines of code that fixed it — explains character encoding, Unicode, the Byte Order Mark, and why charset=utf-8 alone isn't always enough.
Is Node.js single-threaded or multi-threaded? The real answer is both — and understanding why will change how you write backend code. A deep dive into the Event Loop, libuv thread pool, Worker Threads, and Cluster Module.