React Hooks — A Conceptual Overview

What are React hooks, and why are they important?

credit: fireship.io — https://www.youtube.com/watch?v=TNhaISOUy6Q&t=367s&ab_channel=Fireship
const Application = (props) => {  return (
<h1> --- {props.header} ----- </h1>
<div>
{props.bodyContent}
</div> <p> --- {props.footer} --- </p>
)
}
function Application(props) {    const [state] = useState('🐟');    return ( ...

State Storage Hooks

The most obvious hook in this category of course, is the hook useState. But there is also useRef, which allows you to store a value that will not change across rerenders and can be modified without triggering a rerender.

Side Effect Hooks

The React authors talk about creating ‘side effects’ frequently in their documentation, which after rigorous research I found to mean

  1. https://reactjs.org/docs/hooks-overview.html
  2. All the Important Hooks

Product Manager + Software Developer. Interested in Travel, Culture, and the Internet.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store