Skip to content

DEV Community

Master of React ref Series' Articles

Back to Phuoc Nguyen's Series

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

Dec 2 '23

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

#react #tutorial #javascript #webdev

1 min read

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

Dec 2 '23

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

#webdev #javascript #tutorial #react

4 min read

Cover image for String refs

Dec 2 '23

String refs

#webdev #javascript #tutorial #react

5 min read

Cover image for Store a reference with callback refs

Dec 2 '23

Store a reference with callback refs

#webdev #react #tutorial #javascript

6 min read

Cover image for Access the methods of class components

Dec 2 '23

Access the methods of class components

#webdev #react #tutorial #javascript

6 min read

Cover image for Use callback refs to access individual elements in a list

Dec 2 '23

Use callback refs to access individual elements in a list

#react #tutorial #javascript #webdev

6 min read

Cover image for Implement a basic container query with callback refs

Dec 2 '23

Implement a basic container query with callback refs

#react #beginners #javascript #webdev

6 min read

Cover image for Save the element passed to a callback ref as a state

Dec 2 '23

Save the element passed to a callback ref as a state

#react #tutorial #javascript #webdev

4 min read

Cover image for Create a custom hook returning a callback ref

Dec 2 '23

Create a custom hook returning a callback ref

#react #tutorial #javascript #webdev

8 min read

Cover image for Make an element draggable

Dec 2 '23

Make an element draggable

#react #tutorial #javascript #webdev

6 min read

Cover image for Pass refs to child components using the function as a child pattern

Dec 4 '23

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

#react #tutorial #javascript #webdev

4 min read

Cover image for Create a reference using React.createRef()

Dec 4 '23

Create a reference using React.createRef()

#react #tutorial #webdev #javascript

8 min read

Cover image for Reference an element with React's useRef() hook

Dec 4 '23

Reference an element with React's useRef() hook

#react #tutorial #javascript #webdev

7 min read

Cover image for Build your own drawing board

Dec 6 '23

Build your own drawing board

#react #tutorial #javascript #webdev

8 min read

Cover image for Drag and drop items within a list

Dec 6 '23

Drag and drop items within a list

#react #tutorial #javascript #webdev

6 min read

Cover image for Persist values between renders

Dec 9 '23

Persist values between renders

#react #tutorial #webdev #javascript

6 min read

Cover image for Save the previous value of a variable

Dec 9 '23

Save the previous value of a variable

#react #tutorial #javascript #webdev

5 min read

Cover image for Detect whether an element is in view

Dec 10 '23

Detect whether an element is in view

#react #tutorial #javascript #webdev

5 min read

Cover image for Pass a ref to a custom hook

Dec 10 '23

Pass a ref to a custom hook

#react #javascript #webdev #tutorial

5 min read

Cover image for Merge different refs

Dec 11 '23

Merge different refs

#react #tutorial #javascript #webdev

9 min read

Cover image for Build a tooltip component

Dec 11 '23

Build a tooltip component

#react #tutorial #javascript #webdev

9 min read

Cover image for Pass a ref to a child component using forwardRef()

Dec 12 '23

Pass a ref to a child component using forwardRef()

#react #tutorial #javascript #webdev

5 min read

Cover image for Use forwardRef with a higher-order component

Dec 12 '23

Use forwardRef with a higher-order component

#react #tutorial #javascript #webdev

5 min read

Cover image for Display a deprecation message in a React component

Dec 13 '23

Display a deprecation message in a React component

#react #tutorial #javascript #webdev

5 min read

Cover image for Expose methods of a component using useImperativeHandle()

Dec 13 '23

Expose methods of a component using useImperativeHandle()

#react #tutorial #javascript #webdev

4 min read