Advanced React Patterns With Hooks/

...

/

Cleanups

Cleanups

You finally made it! We're almost done. Let's clean a few things up.

We'll cover the following...

Using the Custom Function Without a Reducer

Right now, if some user other than this crazy hacker uses our custom function without passing a reducer, their app breaks.

useExpanded(false) // 👈 user doesn't need reducer feature

Try running this below to see how not passing a reducer breaks the app.

.Expandable-panel {
    margin: 0;
    padding: 1em 1.5em;
    border: 1px solid hsl(216, 94%, 94%);;
    min-height: 150px;
  }
...