marufrayhan.hashnode.devUnderstanding RAG, CAG, and KV Cache in Large Language ModelsLarge Language Models (LLMs) have transformed how we interact with AI, enabling applications from chatbots to knowledge-driven systems. Two approaches, Retrieval-Augmented Generation (RAG) and Cache-Augmented Generation (CAG), enhance LLMs by integra...Sep 30, 2025·6 min read
marufrayhan.hashnode.devReact Virtual Dom, Diffing , Reconciliation and React Fiber in shortWhat is Virtual DOM? Virtual DOM is a JavaScript object representation of the real DOM - a lightweight copy in memory Memory tip: Real DOM = Actual House (expensive to modify) Virtual DOM = Blueprint of house (cheap to modify) Visual Representation: ...Sep 20, 2025·3 min read
marufrayhan.hashnode.devLazy loading and Suspense in React—Interview guideWhat is Lazy Loading? Lazy loading loads components only when needed, not all at once, improving initial load time. The Problem It Solves: Without lazy loading, your entire app loads at once = SLOW initial page load With lazy loading, With lazy loa...Sep 20, 2025·3 min read
marufrayhan.hashnode.devCustom hook in React - Interview CheatsheetWhat are Custom Hooks? Custom hooks are reusable functions that start with 'use' and contain stateful logic. The Basic Rule: Must start with "use" (like useCounter, useAPI, useLocalStorage) Can call other hooks inside them Regular JavaScript funct...Sep 20, 2025·2 min read
marufrayhan.hashnode.devHigher Order Components (HOCs) in React: A Quick GuideWhat is an HOC? A Higher Order Component is a function that takes a component and returns a new enhanced component. Think of it as a wrapper that adds extra features to your existing components. const withSomething = (Component) => { return (props)...Sep 19, 2025·3 min read
