DEV Community

Master of React ref Series' Articles

Back to Phuoc Nguyen's Series
Your complete guide to mastering the use of "ref" in React
Cover image for Your complete guide to mastering the use of "ref" in React

Your complete guide to mastering the use of "ref" in React

Comments 2
1 min read
Access a component's underlying DOM node with findDOMNode()
Cover image for Access a component's underlying DOM node with findDOMNode()

Access a component's underlying DOM node with findDOMNode()

Comments
4 min read
String refs
Cover image for String refs

String refs

Comments
5 min read
Store a reference with callback refs
Cover image for Store a reference with callback refs

Store a reference with callback refs

Comments
6 min read
Access the methods of class components
Cover image for Access the methods of class components

Access the methods of class components

Comments
6 min read
Use callback refs to access individual elements in a list
Cover image for Use callback refs to access individual elements in a list

Use callback refs to access individual elements in a list

Comments
6 min read
Implement a basic container query with callback refs
Cover image for Implement a basic container query with callback refs

Implement a basic container query with callback refs

Comments
6 min read
Save the element passed to a callback ref as a state
Cover image for Save the element passed to a callback ref as a state

Save the element passed to a callback ref as a state

Comments
4 min read
Create a custom hook returning a callback ref
Cover image for Create a custom hook returning a callback ref

Create a custom hook returning a callback ref

Comments
8 min read
Make an element draggable
Cover image for Make an element draggable

Make an element draggable

Comments
6 min read
Pass refs to child components using the function as a child pattern
Cover image for Pass refs to child components using the function as a child pattern

Pass refs to child components using the function as a child pattern

Comments
4 min read
Create a reference using React.createRef()
Cover image for Create a reference using React.createRef()

Create a reference using React.createRef()

Comments
8 min read
Reference an element with React's useRef() hook
Cover image for Reference an element with React's useRef() hook

Reference an element with React's useRef() hook

Comments
7 min read
Build your own drawing board
Cover image for Build your own drawing board

Build your own drawing board

Comments
8 min read
Drag and drop items within a list
Cover image for Drag and drop items within a list

Drag and drop items within a list

2
Comments
6 min read
Persist values between renders
Cover image for Persist values between renders

Persist values between renders

Comments
6 min read
Save the previous value of a variable
Cover image for Save the previous value of a variable

Save the previous value of a variable

Comments
5 min read
Detect whether an element is in view
Cover image for Detect whether an element is in view

Detect whether an element is in view

3
Comments
5 min read
Pass a ref to a custom hook
Cover image for Pass a ref to a custom hook

Pass a ref to a custom hook

1
Comments
5 min read
Merge different refs
Cover image for Merge different refs

Merge different refs

Comments
9 min read
Build a tooltip component
Cover image for Build a tooltip component

Build a tooltip component

4
Comments
9 min read
Pass a ref to a child component using forwardRef()
Cover image for Pass a ref to a child component using forwardRef()

Pass a ref to a child component using forwardRef()

4
Comments
5 min read
Use forwardRef with a higher-order component
Cover image for Use forwardRef with a higher-order component

Use forwardRef with a higher-order component

Comments
5 min read
Display a deprecation message in a React component
Cover image for Display a deprecation message in a React component

Display a deprecation message in a React component

Comments
5 min read
Expose methods of a component using useImperativeHandle()
Cover image for Expose methods of a component using useImperativeHandle()

Expose methods of a component using useImperativeHandle()

Comments
4 min read