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.

Play with the React Window Demo to see how the example compares with and without virtualisation.
Read the original article - Efficiently Rendering Lists in React on Medium
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.

articles on my Blog - blog.sethcorker.com
Watch upcoming videos - Coding with Seth on YouTube

Ver todos los episodios