Realigning Your Model of React After Hooks - With Dan Abramov
Chats with Kent C. Dodds
English - August 05, 2019 20:14 - 45 minutes - 41.5 MB - ★★★★★ - 16 ratingsTechnology Education developer web internet programmer programming development javascript tech node front end Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
In this episode Kent and Dan talk about the ways in which you'll have to reconstruct your mental model of how React works in order to get the hang of hooks, and how hooks more closely align with React's intended model.
React has made multiple attempts at figuring out a way to share state between components. Mixins, higher-order components, render props, and now hooks. Dan Abramov walks through what went right and what went wrong with each of the implementations prior to hooks. None of these implementations lined up with React's model, they were too indirect, or too limiting.
Classes didn't properly fit-in with React's component model either. Components don't use inheritance, they aren't ever instantiated, you don't call methods off of them. Dan explains how Components are more like a stateful function, and how Hooks are a closer aproximation of this mental model.
Resources
How Are Function Components Different From Classes?
Dan Abramov
Kent C. Dodds