DiscoverCoding with SethEfficiently Rendering Lists in React with react-window
Efficiently Rendering Lists in React with react-window

Efficiently Rendering Lists in React with react-window

Update: 2019-11-04
Share

Description

Although React is fast, you can still run into performance issues in certain scenarios. One common scenario is when rendering large lists of data, an easy way to overcome this issue is to use a virtualised list. This is the same technique which is often used on native mobile apps but we can take advantage of it on the web quickly and easily with react-window.



  1. Play with the React Window Demo to see how the example compares with and without virtualisation.

  2. Read the original article - Efficiently Rendering Lists in React on Medium

  3. Hack with the source code for react-window-example on GitHub


For more React tutorials and web development articles, take a look at the following.


Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

Efficiently Rendering Lists in React with react-window

Efficiently Rendering Lists in React with react-window

Seth Corker