https://github.com/the-road-to-learn-react/react-prevent-rerender-component

Showcasing when and how to prevent a rerender of a component in React
https://github.com/the-road-to-learn-react/react-prevent-rerender-component

purecomponent react reactjs shouldcomponentupdate

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/the-road-to-learn-react/react-prevent-rerender-component
• Owner: the-road-to-learn-react
• Created: 2018-09-07T14:23:34.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:32:51.000Z (almost 5 years ago)
• Last Synced: 2025-03-24T07:06:28.051Z (2 months ago)
• Topics: purecomponent, react, reactjs, shouldcomponentupdate
• Language: JavaScript
• Homepage: https://roadtoreact.com
• Size: 987 KB
• Stars: 14
• Watchers: 3
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# react-prevent-rerender-component

[![Build Status](https://travis-ci.org/the-road-to-learn-react/react-prevent-rerender-component.svg?branch=master)](https://travis-ci.org/the-road-to-learn-react/react-prevent-rerender-component) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/) [![Greenkeeper badge](https://badges.greenkeeper.io/the-road-to-learn-react/react-prevent-rerender-component.svg)](https://greenkeeper.io/)

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](https://www.robinwieruch.de/react-prevent-rerender-component).

## Features

* performance optimization

* React's shouldComponentUpdate

* React's PureComponent

* [recompose](https://github.com/acdlite/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`