#Clean Code

Component growing too large? Logic mixed with UI? Learn how to extract business logic into Custom Hooks for cleaner, testable code.

Managing API state with `isLoading`, `isError`, `data`? Learn how Discriminated Unions prevent 'impossible states' and simplify your logic.

Using 'as' to silence errors? It's lying to the compiler. Learn why Type Assertions cause runtime crashes and how to use Type Guards instead.

I share how I created a maintenance nightmare by passing props down 5 levels. Learn why Prop Drilling kills productivity and how to escape using Context API, Component Composition, and Zustand.

When our service grew, migrating from MongoDB to PostgreSQL became inevitable. But our code was a spaghetti mess of business logic and database queries. I share my journey of adopting Hexagonal Architecture (Ports and Adapters) to decouple the core logic from external tools, turning a nightmare migration into a manageable task.

Deleting 500 lines of loading states with React Suspense. How to handle async UI declaratively.

Custom Hooks are React's super power, but poor abstractions can lead to technical debt. Learn how to extract complex logic into reusable hooks, decouple UI from data fetching, and implement the 'Headless UI' pattern to build cleaner, more maintainable React applications.

A deep dive into Robert C. Martin's Clean Architecture. Learn how to decouple your business logic from frameworks, databases, and UI using Entities, Use Cases, and the Dependency Rule. Includes Screaming Architecture and Testing strategies.