Next useEffect hook

Jose Romero

nexteffectuseEffect•••

useEffect accepts a function that contains imperative, possibly effectful code.

Mutations, subscriptions, timers, logging, and other side effects are not allowed inside the main body of a function component (referred to as React’s render phase). Doing so will lead to confusing bugs and inconsistencies in the UI.

Instead, use useEffect. The function passed to useEffect will run after the render is committed to the screen. Think of effects as an escape hatch from React’s purely functional world into the imperative world.

Library: next

Shortcut: next.hook.effect.use

import { useEffect } from "react";

useEffect(() => {
  
}, [dependencies]);