Skip to content
Exploration of optimizing list rendering with React
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

React List Optimizations

This repository explores rendering optimizations when mapping over data to create a list. It utilizes React hooks to ensure only the list items that actually changed are re-rendered.

The effect of the optimization can be seen by tracking the highlighted updates using React Dev Tools.

Local Setup

  1. Clone this repository with git clone
  2. Change into the directory with cd react-list-optimization
  3. Install dependencies with yarn install
  4. Start it up with yarn start

Screen Shot 2019-05-22 at 8 52 54 PM

You can’t perform that action at this time.