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

Опубликовано: 11 Февраль 2023
на канале: Akash Ingole
3,706
108

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 🔗 -
   / @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
   • Airtel Frontend Interview Questions |...  
Search in React using debouncing | useCallback
   • Search in React using debouncing | us...  
Socket.io + React JS Implementation
   • Socket.io + React JS Implementation  
Invert Binary Tree | Mirror Image of a Binary Tree
   • Invert Binary Tree | Mirror Image of ...  

#reactjs #reactjstutorial