Using useRef(), useState(), useEffect

Intro

Two very important hooks in React are useState() and useRef(). While used in similar ways, they have unique use cases in which each one is better equipped to solve a problem. In this post, I’ll go over useState and useRef, and go over some common use cases for each.

Render Cycle explanation

useState explanation

useState() is a commonly used hook in React, and is necessary in adding functionality to many different feature. useState() allows you to add a state variable to your component. Before we go over some of the uses for useState() lets look at how to implement it in your code. The first thing we need to do is import useState().

import { useState } from 'react'

useRef explanation

key differences

useState Use Cases

useRef Use Cases

Conclusion