The Cost of Abstract Interfaces in Frontend Architecture
A senior frontend look at the cost of abstract interfaces, when dependency inversion helps, and when a concrete API client is simpler and better.
Read more →Articles
Fail Fast Frontend Error Handling Without Confusing Users
How to design frontend error handling with fail-fast boundaries, synchronous and asynchronous errors, recovery paths, and user-facing clarity.
Read more →ViewModel in Frontend: Facade, Mediator, MobX, and React
A practical explanation of the ViewModel pattern in frontend architecture, how it differs from a store, and how Facade and Mediator ideas fit React apps.
Read more →Kanban Board Architecture: Normalized Data, Domain Boundaries, and Drag-and-Drop
How to design a kanban board frontend with normalized data, drag-and-drop, modal workflows, domain boundaries, and state that can survive growing complexity.
Read more →Frontend Infrastructure: Modal Managers, Feature Flags, Themes, and Provider Composition
A practical guide to frontend infrastructure code: modal managers, feature flags, themes, provider composition, and keeping cross-cutting concerns boring.
Read more →Optimistic Updates, Event Sourcing, and Undo/Redo in Frontend Apps
How to design optimistic updates, event sourcing, undo/redo, and perceived performance in complex frontend applications without lying to the user.
Read more →Reusable React Components: Slots, Render Props, and Composition Over Flags
How to design reusable React components with slots, render props, and composition instead of prop flags that turn components into product-specific switchboards.
Read more →State Management Is Business Logic Placement, Not a Library Choice
A senior frontend guide to state management as a question of business logic placement, state ownership, derived data, and library trade-offs.
Read more →Architecture Beats Stack: Refactoring React Without Switching Libraries
Why frontend architecture matters more than library choice, and how to refactor React applications by moving business logic, not chasing a new stack.
Read more →Dependency Inversion in React: Composition Root, DI, and Service Boundaries
How to use dependency inversion, dependency injection, composition roots, React context, and service boundaries in frontend architecture without over-engineering.
Read more →Model-View Patterns for React Developers: MVC, MVP, MVVM, and ViewModel
A senior-friendly explanation of MVC, MVP, MVVM, and ViewModel thinking for React developers who want clearer frontend architecture.
Read more →Frontend Architecture Fundamentals: SOLID Without Dogma
A practical frontend architecture article on using SOLID principles in React without turning them into rigid rules or over-engineered ceremony.
Read more →I Shipped v1 of My Own Frontend Starter Template
A React + Vite starter with SSR, route auto-discovery, DI, Reatom, Mantine, Playwright smoke tests, and a removable example module. Here is what it includes and why each piece matters.
Read more →JavaScript this Explained: Arrow Functions, Normal Functions, and call()
A practical explanation of JavaScript this binding, arrow functions, normal functions, dot notation, strict mode, and call().
Read more →Why Your React Components Are Impossible to Read
React components become unreadable when they mix responsibilities, hide business rules in JSX, overuse hooks, and fail to separate data, behavior, and presentation.
Read more →The FSD Mistake That Breaks Most Projects
The most common Feature-Sliced Design mistake is copying folders without respecting dependency rules, ownership, and the real direction of product change.
Read more →Why Frontend Developers Should Keep Growing Even When Forms Pay the Bills
A practical reflection on frontend career growth, why comfortable implementation work can become a trap, and how developers can grow without chasing hype.
Read more →Frontend Developer in 2026: Grow Beyond Form Building
Frontend development in 2026 demands more than building forms. Senior growth means architecture, performance, accessibility, product thinking, and system design.
Read more →The Main Architecture Mistake in React Projects
The biggest React architecture mistake is not choosing the wrong library. It is mixing responsibilities until components, state, and business logic lose clear ownership.
Read more →React Forms with React Hook Form and Zod: A Senior-Friendly Approach
A practical senior frontend guide to React forms using React Hook Form and Zod, with validation boundaries, UX states, and maintainable form architecture.
Read more →React Internationalization Without Pain: Designing i18n as Architecture
A senior frontend approach to React internationalization, locale routing, translation keys, formatting, and why i18n should be treated as architecture.
Read more →Why Zustand Feels Simple: The Store Pattern Behind Modern React State
Why Zustand feels simple, what its store pattern teaches about React state management, and how senior developers decide when global state is actually justified.
Read more →What a Real Senior Frontend Task Actually Tests
Senior frontend tasks are not about syntax tricks. They test judgment, trade-offs, maintainability, product thinking, and the ability to reduce ambiguity.
Read more →Scaling Frontend Architecture When Product Complexity Grows
How to scale frontend architecture as a product grows: boundaries, feature ownership, state placement, dependency direction, and practical refactoring signals.
Read more →How to Become Better at TypeScript: Interview Problems as a Training Ground
A senior frontend guide to improving TypeScript skills through interview-style problems, type modeling, generics, inference, and practical codebase decisions.
Read more →JavaScript Proxy Explained Through Real Two-Way Binding
A practical explanation of JavaScript Proxy, two-way binding, and the architectural trade-offs behind intercepting reads and writes in frontend applications.
Read more →The Mental Model Behind Reactivity: Observers, Signals, and Frontend State
A senior frontend perspective on reactivity, observer patterns, signals, and why state management becomes easier when you understand the dependency graph underneath.
Read more →Why Good SEO Is About Empathy
SEO isn't just about keywords and rankings — it's about understanding human intent. Here's why real SEO starts with empathy.
Read more →How Business Priorities Are Killing Web Performance
An exploration of how business decisions and modern development tools are creating a cycle that prioritizes development speed over application performance, and what we can do to find a better balance.
Read more →