All Projects → the-road-to-learn-react → react-prevent-rerender-component

the-road-to-learn-react / react-prevent-rerender-component

Licence: other
Showcasing when and how to prevent a rerender of a component in React

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react-prevent-rerender-component

Why Did You Render
why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)
Stars: ✭ 7,695 (+54864.29%)
Mutual labels:  purecomponent

react-prevent-rerender-component

Build Status Slack Greenkeeper badge

An application showcasing how to prevent a rerender of a React component with shouldComponentUpdate or PureComponent in React. It is used for performance optimizations in update lifecycles (e.g. render). Read more about it.

Features

  • performance optimization
  • React's shouldComponentUpdate
  • React's PureComponent
  • recompose's pure

Installation

  • git clone [email protected]:the-road-to-learn-react/react-prevent-rerender-component.git
  • cd react-prevent-rerender-component
  • npm install
  • npm start
  • visit http://localhost:3000
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].