Back to Browse

100% React Rendering, Avoiding Wasted Renders

16.8K views
Mar 28, 2022
4:10

AG Grid and React play well together because the rendering engine for React is 100% React. Niall Crosby, CEO of AG Grid, demonstrates this in the video by looking in the React developer tools and you'll see how to use memoization effectively to avoid wasted renders. 00:00 AG Grid is 100% React 00:10 Starting Code Explained 00:25 Custom React Component 00:54 Developer Tools Rendering View 01:56 Wasted Renders Demonstration 03:00 Avoiding Waster Renders with memo 03:28 Summary AG Grid works with React, Angular, Vue, and JavaScript. Available as a free community edition and commercially as an Enterprise product (full support and more features). For more information about AG Grid please visit: https://ag-grid.com/ This is part of a series of video tutorials showing how to get started with AG Grid and React. All videos are available in a playlist: https://www.youtube.com/playlist?list=PLsZlhayVgqNwHNHeqpCkSgdRV08xrKtzW Source code for all videos is available on Github: https://github.com/ag-grid/react-data-grid/tree/main/getting-started-video-tutorial

Download

1 formats

Video Formats

360pmp46.8 MB

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

100% React Rendering, Avoiding Wasted Renders | NatokHD