# How Are Function Components Different from Classes?

DevFeed: [How Are Function Components Different from Classes?](<https://devfeed.tech/articles/how-are-function-components-different-from-classes-36168.md>)

Original publisher: [Read original article](<https://overreacted.io/how-are-function-components-different-from-classes/>)

Published: 2019-03-03T00:00:00Z

Content type: article

Language: en

Sources: [Dan Abramov](<https://devfeed.tech/sources/dan-abramov.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [React Hooks](<https://devfeed.tech/topics/react-hooks.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [classes](<https://devfeed.tech/tags/classes.md>), [components](<https://devfeed.tech/tags/components.md>), [hooks](<https://devfeed.tech/tags/hooks.md>), [react](<https://devfeed.tech/tags/react.md>), [react-hooks](<https://devfeed.tech/tags/react-hooks.md>), [refactor](<https://devfeed.tech/tags/refactor.md>)

## AI overview

This article explains how React function components differ from class components, focusing on their mental models and how function components capture rendered values. It notes that Hooks changed the feature comparison, while performance differences are generally negligible and depend more on the code than on the component style.

## Source excerpt

They're a whole different Pokémon.