Frontend Engineering

Discord's UI looks complex, but its skeleton is one of the cleanest layout exercises in frontend:...

There’s a question every frontend developer eventually faces, whether joining a new team, starting a greenfield project, or just trying to… Continue reading on

ichipitchy.com I've been building IchiPitchy, a vocal editor that runs entirely in the browser, no...

Real-world lessons from migrating a production analytics dashboard to Next.js 14 with React Server Components — what worked, what broke, and the actual performa

At senior level, React interview questions rarely stop at “what does this hook do?” Continue reading on Medium »

I've spent the last few years building large Angular applications for enterprise clients — data-heavy...

How miragejs-orm became a standalone, TypeScript-first package — no server, no inflection magic, no schema getting in your way. Continue reading on Medium »

This is a practical migration walkthrough for a multi-channel customer support admin app, designed to...

The architecture the frontend world love-hated is now quietly powering enterprise web at scale Continue reading on Medium »

I shipped a React app, submitted it to Google Search Console, and watched it sit at zero impressions...

The first warning sign was not a frontend crash. It was a hiring metric. A growing SaaS company noticed that new frontend engineers who… Continue reading on Med

Angular 22 com Signals e reatividade, arquitetura de projetos complexos, comparativo com React e por que escolher Angular para sua aplicação corporativa.

Halo semuanya! Saat kita mulai belajar pengembangan web modern, salah satu konsep paling mendasar yang wajib dipahami adalah arsitektur… Continue reading on Med

I have a tag that I want to push into a CSS file. The relevant code looks like this: html, body, \#viewDiv { height: 100%; margin: 0; } And then further down, w

📚 This is Part 3 of the UtlKit Tech Series — Part 2 covers the architecture & trade-offs → Read...

I built a website with no backend at all — every tool runs in your browser, so your data never leaves...

React 19 didn’t arrive as a single event. It landed as a release, then quietly became a platform — Actions, the compiler, Server… Continue reading on Towards De

Building a real-time chat app sounds straightforward until React's rendering model meets WebSockets....

Angular 22 released on June 4, 2026. OnPush is now the default. Signal Forms are stable. The Resource API is production-ready. Here is… Continue reading on Medi

Angular 22 released on June 4, 2026. OnPush is now the default. Signal Forms are stable. The Resource API is production-ready. Here is… Continue reading on Medi

Building Smart Notes Pro with VibeCoding and Vanilla JavaScript Continue reading on Medium »

Given a string of HTML, return the plain text content with all tags removed. Continue reading on Medium »

Design Patterns Don’t Always Translate to the Browser Continue reading on Medium »

Every "free" CV builder I tried had a catch: a paywall, a watermark, or forced account creation. So I...

About eight months into my second job, I got assigned a ticket with a description that was three sentences long and answered none of the… Continue reading on Me

This is a fun little tutorial where we will build a rounded navigation bar with a smooth blue indicator that follows each link when the… Continue reading on Med

Step-by-step guide to AnimatePresence page transitions in Next.js App Router, cutting CLS to 0 and lazy-loading Framer Motion to save bundle size.

In today’s rapidly evolving AI-driven landscape, new tools, frameworks, and libraries emerge almost every day. Continue reading on Medium »

Introduction React is one of the most popular JavaScript libraries for building user interfaces,...

You’ve been coding React for months. Continue reading on Medium »

Why I Built This: I couldn't find a sleep calculator that was: Fast on mobile Free...

Most developers can build a form. Most can fetch data from an API. But the moment a product manager says, "Can we add infinite scroll?” or… Continue reading on

The night before my interview I revised event bubbling for two hours. Wrote it out, drew diagrams, explained it to myself out loud like a… Continue reading on M

Part 6 of the “Angular, Decoded” series Continue reading on Medium »

Recently, I was interviewed by Ever Quint, and here’s how it went. Continue reading on Frontend Army »

How to break one frontend into many: the four real approaches, when each fits, and when you shouldn’t bother Continue reading on Medium »

Have you ever noticed how quickly a web page's performance can drop when you add a slider or...

This is a hands-on migration walkthrough designed to take you from a standard Vue 3 + Vue Router...

React provides several powerful hooks that help developers optimize performance and manage navigation...

So you asked Claude to animate something. Maybe a logo, a loading screen, a data viz. It spat out a...

The web stack still matters. It just isn’t the center of the conversation anymore. Continue reading on Stackademic »

Modern teams expect software to update instantly. Nobody wants to refresh a page every few seconds to...

Learn how Alpine.js helps you build interactive web interfaces with minimal code, faster performance, and no heavy frameworks. Continue reading on Medium »

I think you all know the overscroll rubber-banding effect: when you scroll past the end of a page, or...

Vue 3.6 Vapor Mode eliminates the virtual DOM for opted-in components, delivering SolidJS-level performance without rewriting a single line of your template log

If you’ve been building for the web, you know the struggle: you need a sleek, responsive image slider or carousel, but the available… Continue reading on Medium

Initializing JavaScript components from data-component attributes, with lazy loading, lifecycle hooks, and automatic handling of dynamic content.

Last month I built a dashboard with about 150 components. A data table, a few charts, a sidebar, and...