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