Quickstart Tutorial for the React Data Grid from AG Grid смотреть онлайн

This video is a quick start tutorial to getting started with AG Grid in a React project. Niall Crosby, the CEO and creator of AG Grid walks you through the basic knowledge needed to work with AG Grid using React. You'll see how to create a project, add AG Grid. You'll understand what CSS is used to style and structure the grid. How to use state and effect to manage data in the grid while loading data from the server. Sorting and Filtering is demonstrated through specific and default column properties. Grid Properties are used to animate rows and support selection. Adding functionality to the grid can be implemented by hooking into the grid events and using the API.

- 00:00 Create a Project
- 00:30 Get Started
- 01:05 Create an AG Grid
- 02:05 CSS Includes Explained
- 03:11 Using React State
- 03:29 Loading data from server with useEffect
- 03:55 Sorting and Filtering Columns
- 04:35 Default Column Definitions
- 04:55 Grid properties to animate and select rows
- 05:33 hooking into Grid Events
- 06:00 using the Grid API
- 06:42 Summary
- 07:03 Outro

https://www.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/

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

And directly available below:

- 001 - QuickStart Guide
- https://youtu.be/Pr__B6HM_s4
- 002 - Enterprise Overview
- https://youtu.be/pKUhYE1VTP4
- 003 - Customizing Cells
- https://youtu.be/9IbhW4z--mg
- 004 - React Rendering
- https://youtu.be/oAQ5vavDupU
- 005 - React Filters
- https://youtu.be/pebXUHUdlos
- 006 - React Custom Filters
- https://youtu.be/yO3_nTyDv6o
- 007 - React Custom Floating Filters
- https://youtu.be/CxwfX4KodaM
- 008 - React Components
- https://youtu.be/eglfpHRpcu0
- 009 - Updating Row Data
- https://youtu.be/_V5qFr62uhY

Source code for all videos is available on Github:

https://github.com/ag-grid/react-data-grid/tree/main/getting-started-video-tutorial