filmov
tv
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:
Learn more about AG Grid's React 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).
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:
Learn more about AG Grid's React 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).
0:04:30
Optimize React Data Grid for Hooks from AG Grid
0:07:50
Optimizing Rendering Performance in React
0:05:40
I Never Want to Create React Tables Any Other Way
0:05:06
React Data Grid - 100% React Rendering Engine Overview [new version]
0:02:47
High-school student makes React a million times faster
0:06:12
New Release Overview for AG Grid version 27 - 100% React Data Grid, and more...
0:00:28
Build a React Table Fast! #ReactTutorial
0:09:55
How to Improve Performance in React with Code Splitting
0:04:37
5 min tutorial: how to lazy-load a data grid in React (paging) - Hilla + React
0:14:43
3 Ways to Make React App FASTER
0:34:05
Mastering React Data Grid with Ignite UI - Data binding, Theming & Templating
0:03:45
How to Enable Adaptive UI Layout in the React DataGrid Component
0:06:59
React Js How to REFRESH a Component | Best Practice
0:04:40
Things you didn't know about re-rendering in React
0:00:51
Boosting Blazor DataGrid Performance with Virtualization
0:17:59
Data Grid Table with Material UI - React Tutorial 96
0:07:25
Quickstart Tutorial for the React Data Grid from AG Grid
0:11:38
Can React.js Render 1,000,000 Elements?
0:00:34
Senior Programmers vs Junior Developers #shorts
0:16:42
React Data Grid : Get Started with AG Grid
0:35:20
How To Use Datagrid In React Applications In 2024
0:00:37
Supercharge Your React App with AG Grid #WebDevelopment
0:12:11
Preventing React re-renders with composition
0:04:10
100% React Rendering, Avoiding Wasted Renders
Комментарии