Feb 18, 2025 · 2 min read · What is forwardRef ? forwardRef in react is a higher order component that allow us to pass a reference (ref) from parent component to child component’s DOM element. Let's assume you have a parent component named Parent.jsx and a child component named...
Join discussion
Jan 30, 2025 · 2 min read · In this article, we will review a code snippet from TipTap source code. /** * Check if a component is a forward ref component. * @param Component * @returns {boolean} */ function isForwardRefComponent(Component: any) { return !!( typeof Com...
Join discussionApr 7, 2024 · 6 min read · Introduction In web development, manipulating the Document Object Model (DOM) is a fundamental task. Traditionally, JavaScript developers have relied on methods like document.getElementById or document.getElementByClass to access and interact with sp...
Join discussionJan 27, 2024 · 2 min read · Expert-Level Explanation The Ref API in React provides a way to access DOM nodes or React elements created in the render method. A ref is used for more imperative actions in your components, like directly managing focus, media playback, or triggering...
Join discussionMay 16, 2023 · 3 min read · My Thoughts After completing reading this post you will have no problem understanding the usage of forwardRef in react. Generally, you use useRef to refer to an HTML element in React. But what if you want to refer to an element in a child component? ...
Join discussion
Jul 13, 2022 · 3 min read · So as you have made it here, let me assume that you know React to an extent that I don't have to explain what a state is or how props are passed. If you aren't confident enough, head on to reactjs.org and get started with the basics of React. Let's g...
Join discussion