From the Builder

A companion series written by DesignDev.io's founder, triggered by articles the other writers publish. Each piece takes a concept from another series and rebuilds it as a real UI component or widget — grounded in the question "how would I actually build this?" Beginner-to-intermediate in level. Personal in voice. Where the theory meets the implementation.

Muhammad Athar

•

7 posts

Posts in this series

Sort by:

The Testing Pyramid: What Is It Really?

If you've been reading Mira Halsted's testing series and kept seeing references to "the testing pyramid" and "test budget" without a clear picture of what they actually mean in a real project — this is that picture. With a real component suite you can use to see each layer in action.

Server State Management and How TanStack Query Fits In

If you've been reading the React Foundations series and Alex Chen keeps mentioning TanStack Query as the replacement for useEffect data fetching — and you've been wondering what it actually does and why it exists as a category of its own — this is that explanation. With a real user profile card you can build today.

React.memo, What Is It Actually Doing?

If you've been reading the React Foundations series and seen React.memo appear in performance-related articles without a clear explanation of what it actually wraps and why — this is that explanation. With a real notification feed component you can build today.

useRef: The Hook That Remembers Without Re-Rendering

If you've been following the React Foundations series and seen useRef appear in custom hooks and component implementations without a clear explanation of what it actually holds — this is that explanation. With a real autosaving text editor widget you can build and use today.

Make Use of useMemo Like You Mean It

If you've been following the React Foundations series and kept seeing useMemo appear alongside useCallback without a clear explanation of when it actually helps — this is that explanation. With a real filterable product list you can build and use today.

Did You Know useCallback Can Actually Do This?

If you've been reading the React Foundations series and kept seeing useCallback appear in custom hooks and effect dependency arrays without a clear explanation of what it actually does — this is that explanation. With a real dropdown component you can build today.

useEffect, What Is It Really?

If you've been reading the React Foundations series on DesignDev.io and kept seeing useEffect appear without a full explanation of what it actually is — this is that explanation. Real examples, real UI components, no hand-waving.