Angular
A Mental Model for Angular Signals
Signals are not just a new API — they change how change detection works. Here is the model that makes signal, computed, and effect click.
3 min read
Tag
Frontend Engineering
36 articles
Web Development
Modern CSS Selectors: :has(), :is(), and :where()
How :has(), :is(), and :where() let CSS express parent-based and grouped selectors that used to require JavaScript or repetitive rules.
3 min read
React
How React Decides to Re-render
Renders are not DOM updates. Understand what actually triggers a render, what reconciliation does, and when memoization earns its keep.
2 min read
React
Portals, Event Delegation, and the Synthetic Event System in React
How React portals render outside the DOM tree while events still bubble through React's component hierarchy, and what that means for event handling.
2 min read
Angular
Building Overlays and Menus with the Angular CDK
How to build positioned, dismissible overlays such as menus and popovers using the Angular CDK's OverlayModule instead of ad-hoc absolute positioning.
2 min read
Angular
Fetching Async Data with Angular's resource() and httpResource APIs
A practical look at how resource() and httpResource replace ad-hoc RxJS pipelines for loading, error, and reload state around async data in Angular.
2 min read
React
Error Boundaries and Resilient UI Architecture in React
How to place error boundaries strategically in a React tree so a single failing widget degrades gracefully instead of blanking the entire page.
2 min read
React
React 19 Actions and the use() Hook Explained
How React 19's actions and the use() hook simplify pending state, error handling, and reading promises or context inside components.
2 min read
Angular
OnPush Change Detection: What It Actually Skips
OnPush doesn't make a component faster on its own — it changes when Angular bothers to check it at all. Understanding the difference matters.
3 min read
React
Concurrent Rendering and Transitions: What startTransition Actually Buys You
Concurrent rendering lets React interrupt its own work for something more urgent. Transitions are how you tell React which updates can wait.
3 min read
Angular
Component Testing Strategies That Survive Refactors
Most brittle Angular tests fail because they test implementation, not behavior. A look at TestBed patterns that stay green through real refactors.
2 min read
React
The Testing Library Philosophy: Test What Users Experience
Testing Library's core rule — the more your tests resemble how software is used, the more confidence they give you — changes what a good React test looks like.
3 min read
Web Development
Web Components Interop: Making Custom Elements Play Nice With Frameworks
Web Components promise framework-agnostic UI, but the interop details — props vs attributes, events, and Shadow DOM styling — are where real integration breaks.
3 min read
Angular
Typed Reactive Forms: Getting Real Type Safety Out of Angular Forms
Angular's reactive forms went from returning any everywhere to fully inferred types. Here's what that buys you and where it still leaks.
3 min read
React
Controlled vs Uncontrolled Forms: Picking the Right Default
Controlled inputs became the reflexive default in React, but uncontrolled forms are often simpler, faster, and closer to how the platform already works.
3 min read
Web Development
The View Transitions API: Native Animation Between States
Smooth page and state transitions used to require a JavaScript animation library and careful DOM choreography. The View Transitions API does it natively.
3 min read
Angular
Functional Route Guards and Resolvers in Angular
Class-based guards are gone from the recommended path. Here's how functional guards and resolvers actually change route protection and data loading.
3 min read
React
React State Management in 2026: Signals, Stores, and Context
The state management debate settled into a layered answer: different tools for local, cross-cutting, and server state, not one library for everything.
3 min read
Performance
Browser Memory Profiling and Leak Hunting
A practical workflow for finding and fixing JavaScript memory leaks in browser apps using heap snapshots, detached DOM detection, and retainer analysis.
3 min read
Web Development
CSS Container Queries: Designing Components, Not Pages
Media queries respond to the viewport. Container queries respond to the component's own box — which is what most responsive design actually needed.
3 min read
Angular
Angular DI After inject(): What Actually Changed
The inject() function didn't just shorten constructors — it decoupled dependency lookup from class instantiation entirely, and that changes what's possible.
3 min read
JavaScript
Stop Hand-Rolling Formatters: The Intl APIs You're Underusing
Intl.NumberFormat, RelativeTimeFormat, ListFormat, and Segmenter replace most hand-rolled formatting and i18n code — here's how to actually use them.
3 min read
React
Suspense for Data Fetching: The Part That Isn't Just Loading Spinners
Suspense is a coordination mechanism for async UI, not a spinner component. Understanding what it actually catches changes how you structure data fetching.
3 min read
Web Development
Accessibility Beyond Alt Text: What Actually Blocks Real Users
Alt attributes are the easy 10% of accessibility work. Focus management, semantic structure, and keyboard flow are where most sites actually fail.
3 min read