Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
Master of React ref Series' Articles
Back to Phuoc Nguyen's Series
Your complete guide to mastering the use of "ref" in React
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Your complete guide to mastering the use of "ref" in React
#
react
#
tutorial
#
javascript
#
webdev
Comments
2
comments
1 min read
Access a component's underlying DOM node with findDOMNode()
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Access a component's underlying DOM node with findDOMNode()
#
webdev
#
javascript
#
tutorial
#
react
Comments
Add Comment
4 min read
String refs
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
String refs
#
webdev
#
javascript
#
tutorial
#
react
Comments
Add Comment
5 min read
Store a reference with callback refs
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Store a reference with callback refs
#
webdev
#
react
#
tutorial
#
javascript
Comments
Add Comment
6 min read
Access the methods of class components
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Access the methods of class components
#
webdev
#
react
#
tutorial
#
javascript
Comments
Add Comment
6 min read
Use callback refs to access individual elements in a list
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Use callback refs to access individual elements in a list
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
6 min read
Implement a basic container query with callback refs
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Implement a basic container query with callback refs
#
react
#
beginners
#
javascript
#
webdev
Comments
Add Comment
6 min read
Save the element passed to a callback ref as a state
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Save the element passed to a callback ref as a state
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
4 min read
Create a custom hook returning a callback ref
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Create a custom hook returning a callback ref
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
8 min read
Make an element draggable
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 2 '23
Make an element draggable
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
6 min read
Pass refs to child components using the function as a child pattern
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 4 '23
Pass refs to child components using the function as a child pattern
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
4 min read
Create a reference using React.createRef()
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 4 '23
Create a reference using React.createRef()
#
react
#
tutorial
#
webdev
#
javascript
Comments
Add Comment
8 min read
Reference an element with React's useRef() hook
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 4 '23
Reference an element with React's useRef() hook
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
7 min read
Build your own drawing board
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 6 '23
Build your own drawing board
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
8 min read
Drag and drop items within a list
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 6 '23
Drag and drop items within a list
#
react
#
tutorial
#
javascript
#
webdev
2
reactions
Comments
Add Comment
6 min read
Persist values between renders
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 9 '23
Persist values between renders
#
react
#
tutorial
#
webdev
#
javascript
Comments
Add Comment
6 min read
Save the previous value of a variable
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 9 '23
Save the previous value of a variable
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
5 min read
Detect whether an element is in view
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 10 '23
Detect whether an element is in view
#
react
#
tutorial
#
javascript
#
webdev
3
reactions
Comments
Add Comment
5 min read
Pass a ref to a custom hook
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 10 '23
Pass a ref to a custom hook
#
react
#
javascript
#
webdev
#
tutorial
1
reaction
Comments
Add Comment
5 min read
Merge different refs
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 11 '23
Merge different refs
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
9 min read
Build a tooltip component
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 11 '23
Build a tooltip component
#
react
#
tutorial
#
javascript
#
webdev
4
reactions
Comments
Add Comment
9 min read
Pass a ref to a child component using forwardRef()
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 12 '23
Pass a ref to a child component using forwardRef()
#
react
#
tutorial
#
javascript
#
webdev
4
reactions
Comments
Add Comment
5 min read
Use forwardRef with a higher-order component
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 12 '23
Use forwardRef with a higher-order component
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
5 min read
Display a deprecation message in a React component
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 13 '23
Display a deprecation message in a React component
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
5 min read
Expose methods of a component using useImperativeHandle()
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Dec 13 '23
Expose methods of a component using useImperativeHandle()
#
react
#
tutorial
#
javascript
#
webdev
Comments
Add Comment
4 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account