--- title: "Md Maruf Rayhan (@marufrayhan) | Hashnode" description: "Developer, Learner And Thinker. Read the latest articles by Md Maruf Rayhan on Hashnode." url: "https://hashnode.com/@marufrayhan" --- @marufrayhan # Md Maruf Rayhan @marufrayhan · Finland · Joined September 2025 Developer, Learner And Thinker [Website](https://www.marufrayhan.com/) ### [Understanding RAG, CAG, and KV Cache in Large Language Models](https://marufrayhan.hashnode.dev/understanding-rag-cag-and-kv-cache-in-large-language-models?utm_source=hashnode&utm_medium=feed) Large 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... 6 min read · [marufrayhan.hashnode.dev](https://marufrayhan.hashnode.dev/understanding-rag-cag-and-kv-cache-in-large-language-models?utm_source=hashnode&utm_medium=feed) [Sep 30, 2025](https://hashnode.com/posts/understanding-rag-cag-and-kv-cache-in-large-language-models/68dbf6d0edcbca4d622bd73b) ### [React Virtual Dom, Diffing , Reconciliation and React Fiber in short](https://marufrayhan.hashnode.dev/react-virtual-dom-diffing-reconciliation-and-react-fiber-in-short?utm_source=hashnode&utm_medium=feed) What 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: ... 3 min read · [marufrayhan.hashnode.dev](https://marufrayhan.hashnode.dev/react-virtual-dom-diffing-reconciliation-and-react-fiber-in-short?utm_source=hashnode&utm_medium=feed) [Sep 20, 2025](https://hashnode.com/posts/react-virtual-dom-diffing-reconciliation-and-react-fiber-in-short/68cf1f9c9c98256eac37c334) ### [Lazy loading and Suspense in React—Interview guide](https://marufrayhan.hashnode.dev/lazy-loading-and-suspense-in-reactinterview-guide?utm_source=hashnode&utm_medium=feed) What 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... 3 min read · [marufrayhan.hashnode.dev](https://marufrayhan.hashnode.dev/lazy-loading-and-suspense-in-reactinterview-guide?utm_source=hashnode&utm_medium=feed) [Sep 20, 2025](https://hashnode.com/posts/lazy-loading-and-suspense-in-reactinterview-guide/68cef7b341d7336d5e0d9bdc) ### [Custom hook in React - Interview Cheatsheet](https://marufrayhan.hashnode.dev/custom-hook-in-react-interview-cheatsheet?utm_source=hashnode&utm_medium=feed) What 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... 2 min read · [marufrayhan.hashnode.dev](https://marufrayhan.hashnode.dev/custom-hook-in-react-interview-cheatsheet?utm_source=hashnode&utm_medium=feed) [Sep 20, 2025](https://hashnode.com/posts/custom-hook-in-react-interview-cheatsheet/68ced6673c448dea2465c923) ### [Higher Order Components (HOCs) in React: A Quick Guide](https://marufrayhan.hashnode.dev/higher-order-components-hocs-in-react-a-quick-guide?utm_source=hashnode&utm_medium=feed) What 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)... 3 min read · [marufrayhan.hashnode.dev](https://marufrayhan.hashnode.dev/higher-order-components-hocs-in-react-a-quick-guide?utm_source=hashnode&utm_medium=feed) [Sep 19, 2025](https://hashnode.com/posts/higher-order-components-hocs-in-react-a-quick-guide/68cdcd8f3d381123db75bdfd)