How do React component lifecycles translate to hooks? Explain the useEffect cleanup pattern.

Sample answer preview

## Class Lifecycles to Hooks | Class Lifecycle | Hook Equivalent | |----------------|-----------------| | `componentDidMount` | `useEffect(() => {}, [])` | | `componentDidUpdate` | `useEffect(() => {}, [deps])` | | `componentWillUnmount` | `useEffect(() => { return cleanup },…