bits2bytes.hashnode.devThe Compound Component Pattern: Rethinking React Component DesignIntroduction React component design has evolved significantly over the years. From class components to functional components with hooks, from prop drilling to context. One pattern that has gained significant traction in modern React development is th...Oct 11, 2025路16 min read
bits2bytes.hashnode.devBuilding a Realtime, Offline-Ready Kanban Board: Frontend System DesignGoal: Design a robust, scalable frontend system for a realtime Kanban board with first-class offline and real-time support. 1. Requirements & constraints Functional Create / read / update / delete: boards, lists, cards, comments, attachments. Dra...Oct 5, 2025路14 min read
bits2bytes.hashnode.devArchitecting a Modular Product Announcement Framework in ReactA streamlined announcement system for showing contextual notifications and announcements across the platform. Features 馃幆 Smart Tracking: Tracks view counts and respects user limits 馃殌 Global Access: Trigger announcements from anywhere 馃摫 Flexible...Sep 27, 2025路10 min read
bits2bytes.hashnode.devBoosting build speed by over 50% by migrating to RsbuildIntroduction In today's fast-paced development environment, build performance is crucial for developer productivity and deployment efficiency. Our team recently undertook a significant migration from Create React App (CRA) to Rsbuild, resulting in a ...Aug 28, 2025路8 min read
bits2bytes.hashnode.devSync State Across Multiple Tabs Easily: Build a fun canvas drawing app in ReactWhen working with an application, we often find users keeping multiple tabs or windows of the same app open. Imagine how delightful it would be if updates made in one tab automatically appeared in another tab or window without needing a refresh or re...May 30, 2024路7 min read