---
title: "Posts — UI Patterns | Hardeep Kumar"
canonical_url: "https://hardeepkumar.in/design/ui-patterns"
last_updated: "2026-04-27T11:41:36.937Z"
meta:
  description: "Reusable UI patterns, component design, and frontend architecture for scalable interfaces."
  "og:description": "Reusable UI patterns, component design, and frontend architecture for scalable interfaces."
  "og:title": "Posts — UI Patterns | Hardeep Kumar"
---

$ ls -la design/ui-patterns/ # **<UI Patterns /> ** // Reusable UI patterns, component design, and frontend architecture for scalable interfaces.[0posts]$ node --eval'inspectTopicPosts()'```
await queryCollection('blog')
``````
  .where('type', '=', 'post')
``````
  .where('topicId', '=', 'ui-patterns')
``````
  .all()
``````
[]
``````
NotFoundError: **404**
          — empty result; no rows for this topicId. Nothing to render.
``` // posts.length === 0 → no children mounted; query OK, result set empty