Back to Browse

What is Windowing in React? | react-window | Performance Optimisation

8.8K views
Feb 12, 2023
12:48

Hey everyone, In this video we will be learning about windowing/list virtualization in React 🤔. It is a technique used to render a huge list. We will be using react-window package 🔥. Windowing helps in reducing Total Blocking Time 😱 So stay tuned! Please watch this video till the end and don't forget to subscribe 🤗 Subscribe here 🔗 - https://www.youtube.com/@akashingole Timestamp ⏰ - 0:00 What is windowing? 2:10 react-window vs react-virtualized 2:55 Coding 5:55 Checking page speed without windowing 6:15 Using react-window 10:20 Checking page speed with windowing Link to other videos 🥳- Airtel Frontend Interview Questions | React and Javascript https://youtu.be/wp-NEcAck1k Search in React using debouncing | useCallback https://youtu.be/DTeY9psVDDg Socket.io + React JS Implementation https://youtu.be/3YTjgUsFQAk Invert Binary Tree | Mirror Image of a Binary Tree https://youtu.be/4V3-2GhlYMg #reactjs #reactjstutorial

Download

1 formats

Video Formats

360pmp420.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

What is Windowing in React? | react-window | Performance Optimisation | NatokHD