Optimize React Data Grid for Hooks from AG Grid
Learn how to optimise the React Data Grid with React Hooks. When we create components on top of AG Grid we may introduce code that increases the number of renders. AG Grid itself is optimised, we need to make sure the we use around AG Grid is optimised. This video explains optimizations using react memoization, arrays to define basis for re-rendering.
Recommended Practices:
Memoize Constant Data
Add 2nd Parameter to useEffect to define a state, or prop, or [] to run once
Use objects instead of declarative JSX
00:00 Introduction
00:30 useEffect Parameters
00:50 objects instead of declarative JSX
02:54 Memoization
03:55 Summary
04:09 Outro
Associated blog post for this video:
https://blog.ag-grid.com/getting-star...
Learn more about AG Grid's React Grid
https://ag-grid.com/react-data-grid
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/