PJparas jaininfrontend-baat-cheet.hashnode.dev·Mar 31 · 5 min readReact Performance OptimizationReact Performance Optimization : Deep Dive into React.memo, useMemo, useCallback & Lazy Loading When building scalable React apps, performance becomes critical. React gives us powerful tools to: Prev00
PJparas jaininfrontend-baat-cheet.hashnode.dev·Mar 7 · 4 min readProject Setup - WebpackCreate Project Folder First create a clean project. mkdir ecommerce-webpack cd ecommerce-webpack Now initialize npm. npm init -y This creates: package.json Why? package.json manages: dependencie00
PJparas jaininfrontend-baat-cheet.hashnode.dev·Feb 14 · 3 min readGit & GitHub BranchingIf you're starting your developer journey (especially as a student or aspiring MERN stack dev), mastering Git workflow is non-negotiable. In this guide, I’ll teach you step-by-step how to: ✅ Create a GitHub repository ✅ Create a develop branch ✅ C...00
PJparas jaininfrontend-baat-cheet.hashnode.dev·Feb 5 · 4 min readBuilding a Reusable Styled Table Using Web Components (Step-by-Step)Web Components allow us to create reusable, framework-free UI components using native browser APIs. In this article, we’ll build a styled table component that: Works like a custom HTML tag Has scoped CSS using Shadow DOM Accepts headers via HTML a...00
PJparas jaininfrontend-baat-cheet.hashnode.dev·Feb 5 · 2 min readPure CSS Carousel WalkthroughI have converted the testimonial carousel from a JavaScript-based implementation to a pure CSS solution using the radio button technique. Changes Made 1. HTML Overhaul Added Hidden Radio Buttons: Two radio buttons (#dot-1 and #dot-2) were added to t...00