Build an interactive dashboard w/ React, AG Grid & AG Charts

on YouTube ↗14m

" summary

Builds a working interactive financial dashboard using React plus AG Grid Community and Enterprise and AG Charts, wired to a dummy stocks dataset with per-day open high low close volume (OHLCV). Starter repo provides components and ten incremental tasks — a 10-step challenge — covering row data, column definitions, grid options, row selection, custom cell renderers, integrated in-grid charts and a separate financial chart component. Live coding uses the trial enterprise package (watermark shown) and the repo is made public during the session.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 1:05AG Grid and versions
3. 4:55AG Grid and AG Charts
4. 6:59Challenge overview
5. 9:46Starter template walkthrough
6. 11:52Closing remarks

" related talks

• 06mAG Grid's New React Rendering EngineNiall Crosby · React Summit 2022
• 06mAG Grid's New React Rendering EngineSean Landsman · React Advanced 2022
• 12mag-Grid sponsor talkNiall Crosby · AngularConnect 2019
• 30mPrototyping Data UI FAST with Ag-Grid & AngularThomas Horvath · FrontEnd Con 2018
• 14mLightning Talk: Visualizing Data Confidently. Integrating React and Tableau PublicRafał Bagrowski · FrontEnd Con 2018
• 23mEmpowering Decisions: Advanced Portfolio Analysis and Management through ShinyLovekumar Patel · posit::conf(2024)
• 25m(Easier) Interactive Data Visualization in ReactAnjana Vakil · React Advanced 2021
• 07mAdd Powerful Components to Your React AppsOlga Petrova · React Day Berlin 2017