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
- Clone this repository with
git clone https://github.com/tsnolan23/react-list-optimization.git - Change into the directory with
cd react-list-optimization - Install dependencies with
yarn install - Start it up with
yarn start
