Blog — Hamid Yaftian

Writing

Notes on frontend
& testing & building things.

Field notes from a decade of shipping interfaces at scale — micro-frontend architecture, testing strategy, developer tooling, and the occasional founder diary from building Rasa Money.

<mfe/>

Featured · Architecture

Micro-frontends without the chaos

Splitting a monolith into independently deployable frontends sounds clean on a whiteboard. Here's what actually held up in production — the boundaries, the shared contracts, and the mistakes I'd undo.

June 14, 20268 min readHamid Yaftian

flex:1

CSSApr 20238 min read

A complete guide to Flexbox — Part 2

Item properties — order, flex-grow, flex-shrink, flex-basis, and align-self. The second half of a practical Flexbox reference for responsive layouts.

Read post

display:flex

CSSApr 202312 min read

A complete guide to Flexbox — Part 1

Container properties, axis terminology, and the mental model that makes Flexbox click. Part one of a two-part reference for building responsive one-dimensional layouts.

Read post

@use

CSSApr 20235 min read

@use vs @forward in Sass

Sass finally killed @import. Here's how @use and @forward actually work, when to reach for each, and the namespace rules that trip people up on day one.

Read post

Let's build scalable solutions together.

Schedule a meeting

Notes on frontend& testing & building things.

Let's build scalable solutions together.

Notes on frontend
& testing & building things.