Skip to content

Instantly share code, notes, and snippets.

@smashercosmo
Created October 2, 2018 09:27
Show Gist options
  • Save smashercosmo/35570939a74c16db3cff8f21eeab12b3 to your computer and use it in GitHub Desktop.
Save smashercosmo/35570939a74c16db3cff8f21eeab12b3 to your computer and use it in GitHub Desktop.
Pure
import React from 'react'
class Pure extends React.PureComponent {
render() {
return <div>1</div>
}
}
class Page extends React.Component {
render() {
return (
<>
<Pure /> {/* <= Won't rerender */}
<Pure>Hello</Pure> {/* <= Won't rerender */}
<Pure>{null}</Pure> {/* <= Won't rerender */}
<Pure><div /></Pure> {/* <= Will rerender every time */}
<Pure>{() => 'Hello'}</Pure> {/* <= Will rerender every time */}
</>
)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment