# Before You memo()

DevFeed: [Before You memo()](<https://devfeed.tech/articles/before-you-memo-36161.md>)

Original publisher: [Read original article](<https://overreacted.io/before-you-memo/>)

Published: 2021-02-23T00:00:00Z

Content type: tutorial

Language: en

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

Topics: [React](<https://devfeed.tech/topics/react.md>), [developer tooling](<https://devfeed.tech/topics/developer-tooling.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [devtools](<https://devfeed.tech/tags/devtools.md>), [performance](<https://devfeed.tech/tags/performance.md>), [react](<https://devfeed.tech/tags/react.md>)

## AI overview

This article explains two React rendering optimization techniques: moving state closer to the components that use it and splitting components so unaffected subtrees can be passed as JSX content. It also recommends verifying production builds, keeping state low in the tree, and using the React DevTools Profiler.

## Source excerpt

Rendering optimizations that come naturally.