Scroll a React Component Into View (medium.com)
Jul 10, 2020
React has an easy way to access DOM APIs of HTML elements through references. We learn how React exposes HTML elements by scrolling an element into view on the click of a button.
Cleaning up the DOM with ForwardRef in React (blog.logrocket.com)
Nov 09, 2019
Ref forwarding in React is a feature that lets components pass down (“forward”) refs to their children. It gives the child component a reference to a DOM element created by its parent component. This then allows the child to read and modify that element anywhere it is being used.
A Guide for Refs in React (alligator.io)
Aug 18, 2019
Sometimes when using React.js you’ll need an escape hatch to write imperative-style code to interact directly with DOM elements. Using React’s createRef method allows you to do just that!
The Hitchhikers Guide to Refs (dev.to)
Mar 14, 2019
React has this feature called refs. A ref is what the React docs call an "escape hatch", and lets you interact with instances of stuff. They should be used sparingly, but can be pretty useful at times.
Refs in React: All you need to know! (hackernoon.com)
Aug 14, 2017
Last evening while looking into a popular react library, I came across ‘refs’ and even knowing it how it works i wasn’t quite convinced with my understanding so decided to dive more deeper into it and finally sharing my thoughts with you people.
When to use React's Ref on a DOM node in React (robinwieruch.de)
Mar 22, 2017
What about the ref attribute in React.js? This article gives you clarification around the ref attribute to access DOM nodes in React. It shows you how you can use it, when you should use it and where it can be used and where it shouldn't be used.