Prototyping Data UI FAST with Ag-Grid & Angular

on YouTube ↗30m

" summary

Shows how to prototype a working data UI with Angular and AG Grid in minutes by importing the module, wiring column definitions and rowData, and pointing at a large Olympic winners JSON dataset; adds sorting, filtering with floating filters, pivot/grouping, custom cell renderers and a side panel; demonstrates a live Firebase-backed grid with real-time Firebase updates and ~70 simultaneous connections; the quick build runs after tiny fixes and the live demo successfully updates as phones post ratings.

AI-written summary · about

" chapters (13)

1. 0:00Introduction and speaker intro
2. 1:17Why talk about Ag-Grid
3. 3:01What makes Ag-Grid great
4. 3:44Angular integration benefits
5. 5:09Live demo setup
6. 8:49First working prototype
7. 10:43Extending the prototype
8. 13:17Fetching large datasets
9. 17:40Adding advanced features
10. 22:44Building a real application
11. 26:20Firebase integration demo
12. 28:52Live audience interaction
13. 29:13Summary and closing

" related talks

• 42mBuild an interactive dashboard w/ React, AG Grid & AG ChartsJames S. Bland · Frontend Nation 2025
• 24mRapid prototyping using Angular and FirebaseMashhood Rastgar · ng-europe 2018
• 30mBuilding Apps with Angular and FirebaseMinko Gechev · TSConf 2020
• 20mPrototyping with Angular? YESKelly Knight, Dirk Ginader · ng-conf 2015
• 14mBuild an interactive dashboard w/ React, AG Grid & AG ChartsJames S. Bland · Frontend Nation 2025
• 12mag-Grid sponsor talkNiall Crosby · AngularConnect 2019
• 21mAngular Material Data TableErin Coughlan, Andrew Seguin · AngularConnect 2017
• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017