Articles for people who
ship the stack
Rewrites on React, Node.js, TypeScript and AI. A translated body is shown when it exists. If it does not, you see the English text and a note that says so.
Tagged: Component Design
From JSX to Plain Objects: How React Elements, Components and Props Work
See what JSX compiles to, why components are just functions, and how props, children, defaults, spreading and slots follow from that one mental model.
9 min readSteering AI Coding Agents with Four Named React Architecture Patterns
Learn four React patterns (section composition, custom hooks, polymorphic components, reducers) and how naming them in prompts gives you cleaner AI-generated code.
12 min readDuplication Versus Coupling: Deciding When Shared Code Should Exist
Learn why merging look-alike React components or NestJS services can cost more than duplication, and use three questions to decide when an abstraction has earned its place.
12 min readWhen Reusable React Components Backfire: Prop Explosion and the Fix
See how premature reuse turns a simple React component into a prop-heavy liability, and how duplication, compound components and the Rule of Three prevent it.
9 min readDesigning Frontend Components Around Responsibility, Not Reuse
Learn why organizing frontend components by clear ownership and responsibility—rather than maximum code reuse—makes feature changes easier to isolate and maintain.
14 min readCutting React Prop-Drilling and God Components Down to Size
Learn seven concrete refactoring patterns for breaking apart bloated React components by isolating state, data fetching, permissions, and loading logic instead of just splitting files.
15 min readFixing React Prop Overload with Composition and Slots
Learn why configuration-heavy React props cause maintenance debt, and how inversion of control, composition, and slots produce truly reusable components.
11 min read
About these articles
Request a 24h estimate
Need the same stack in a production operator layer? Send the brief — estimate within 24 hours.