Stephen Cooper

Senior Developer @ag_grid
Sharing things about Typescript, Angular and React✍️
Christian Father of 4

[AG Grid @ag_grid]

...And there's a special prize category for dashboards with AG Studio 🤯

[AG Grid @ag_grid]

AG Grid 36.2 is here 🚀 focused on giving your end-users more ways to control, customise and collaborate on the data contained within your grids.

📤 PDF Export
Built-in support for exporting your data grid configuration to a PDF, with extensive customisation options to help configure the exported layout and styling.

✅ Advanced Filter: Set Filter Support
Use Set Filter values and configuration within the Advanced Filter, bringing richer filtering to complex filter expressions.

🔎 Advanced Filter: Custom Filter Options
Reuse custom filter options in Advanced Filter expressions, giving developers and users more control over application-specific filtering logic.

↔️ Continuous Column Auto-Sizing
Automatically resize columns as grid content changes, keeping column widths aligned with their contents without requiring manual resizing.

✏️ Custom Renderers for Column Items in Columns Tool Panel
Customise how columns and column groups are displayed in the Columns Tool Panel with your own renderers.

Plus a whole host of quality improvements throughout the grid - See it in action 👇

#AGGrid #WebDev #JavaScript

[AG Grid @ag_grid]

AI can mock up a UI in an afternoon.
Rendering a million rows without performance issues? Still an engineering problem.

Cohosting a small dinner with fintech leaders with @ZurichJS on Sep 8 to talk about exactly this tension.

25 seats. Zurich.

➡️ https://t.co/Ak1k8625Ss

[Stephen Cooper @SCooperDev]

@jlengstorf @tannerlinsley Great video! Loved hearing more from @tannerlinsley about the past and future of Tanstack.

[Stephen Cooper @SCooperDev]

If you haven't seen our latest product AG Studio you might want to!

It's incredibly powerful and might just be what you are looking for to build highly interactive dashboards and business reports.

[AG Grid @ag_grid]

AG Studio 2.0 is here 🚀 Embedded analytics that works like part of your application - not a separate dashboard in an iFrame.

AG Studio is built to work with your design system, authentication, and infrastructure. Your data stays in your environment, even when using AI features.

Studio 2.0 adds:

📅 Calendars
Bucket and filter time-based data by hour, day, week, month, quarter, or year - directly within the dashboard.

🧩 Preconfigured Widgets
Give users ready-to-use widgets with fields, aggregations, sorting, and formatting already configured.

🤖 AI Extensibility
Use AG Studio’s built-in AI commands within your own LLM harness. The tools run client-side, remain model-agnostic, and keep you in control of the infrastructure.

🎨 Theme Builder
Visually customise colours, typography, spacing, and borders, then export the theme directly into your application.

✏️ Field Customisation
Edit field names, descriptions, and formats in the UI to match the terminology your users need, without changing the underlying database schema.

📊 Group by Legend
Use a field as the chart legend to automatically create grouped series and add more detail to visualisations.

⌨️ Keyboard Shortcuts
Navigate, focus, and manage dashboard widgets using the keyboard.

See it in action 👇

#AGStudio #EmbeddedAnalytics #DataVisualization #WebDev #JavaScript

[Luca Mezzalira @lucamezzalira]

AI can write almost any code you ask for now. So why is knowing what to ask for harder than ever?
That question turned into an educational documentary and it is live today!

Getting to a prototype with #AI is easy, but production is not and everything interesting lives in that gap.

So rather than add to the hype, I went looking for honest answers, sitting down with engineers doing this at scale. Alongside those conversations are 3 studio sessions where I take the time to properly work through the frameworks that have reshaped how I think: the knowledge pyramid and what AI quietly does to it, the 3 loops every engineer is already moving between whether they realise it or not, and strategic domain-driven design as the lens for deciding when to stay close to the code, when to step back, and when to buy instead of build.

I am not interested in selling you the hype or the panic. I am interested in the questions engineers and tech leaders are actually wrestling with, and in thinking through them honestly.

And thanks to AG Grid for a fantastic collaboration during their event Beyond the Prompt.

How are you approaching this in your own teams? I would genuinely like to know.

Link in the comments 👇

[Stephen Cooper @SCooperDev]

@KevinVanCott They've been very interesting reads!

[Stephen Cooper @SCooperDev]

A lot of work went into all these new features!

Can't wait to hear how you can use them.

[AG Grid @ag_grid]

AG Grid 36 is out 🚀

More control for developers and end users - without more complexity.

🧮 Calculated Columns
📊 Show Values As
⚡ Automatic Column Generation
👂 Accessibility improvements
🎨 Theming improvements

Full breakdown 🧵👇

[AG Grid @ag_grid]

Who’s in Amsterdam this week? 👀

We’ll be at @ReactSummit , @thejsnation , and @CSSDayConf conferences this week and we’d love to meet you!

If you’re building with JS or React, working on data-heavy UIs, or just curious about what’s new with AG Grid, come say hi!

[Shai Reznik (Qwik) @shai_reznik]

The gang is back together! ♥️🙌

@AngularConnect @EliranEliassy @Michael_Hladky @synalx @SCooperDev #angularconnect @angular

[Stephen Cooper @SCooperDev]

Also should call out the new Theming API which means no more need for importing those CSS files above your component/ somewhere in the app.

Having the CSS in the code also means it is split per module adding even more savings.

[Stephen Cooper @SCooperDev]

This release has to be one of the greatest step forwards we have ever implemented! Really proud of what we have managed to achieve here.

Re-working our internals means we can now tree shake from a single bundle, greatly simplifying the path to minimal bundles.

[AG Grid @ag_grid]

🚀 AG Grid 33 is out now! Highlights include:

⬇️ Up To 40% Smaller Bundle Size
AG Grid 33 modularizes the grid which allows you to import only the modules you need for the features you're using. Any unused modules are automatically removed, which means your bundle size will be between 20-40% smaller, depending on which features you're using. To help make upgrading easier, we've also created a module selector which lets you select the features you want to use and generates the relevant imports.

⏳ Async Context Menu Items
Custom Context Menu items can now be provided asynchronously, allowing you to call a remote service to determine what actions a user is entitled to perform and provide the appropriate context menu items.

📝 Inner Header Components
Inner Header Components allow you to customise the appearance of column headers, without needing to reimplement column header functionality like sorting, filtering, reordering, etc...

🎨 Theming API Updates
Following its initial release in version 32.2, the Theming API is now the default way to style the grid.

💻 Native Support for Vue 3 Composition API
Version 33 comes with native support for the Vue3 Composition API, letting you use the latest features of Vue with AG Grid.

Want to learn more? Read our release blog, linked below:

[Stephen Cooper @SCooperDev]

Not to mention the simplicity gains for us internally being able to work with just 2 packages instead of getting close to 20 separate ones.

If we can work more effectively it will mean better velocity going forward for new features.

[Stephen Cooper @SCooperDev]

@Jean__Meche @Enea_Jahollari Oh that's a good one! Got a nice boost doing the same thing when we only actually needed to display text.

[Stephen Cooper @SCooperDev]

@TkDodo @_gsathya Looking forward to this! Thanks for pulling this together for us all to learn from!

[Stephen Cooper @SCooperDev]

@Jean__Meche Thanks for the clarification!

Just found it has a positive impact on AG Grid performance when using custom components. Will keep investigating other options so that we don't have to suggest an app wide change.

But it also seems promising for a zoneless future

[Stephen Cooper @SCooperDev]

Any of my #Angular expert friends know if there are plans to default runCoalescing to true like eventCoalescing was?

Also it seems like there is no way to set this apart from at the root level? i.e I cannot set it for library calls only?

https://t.co/6EnRlB2tUr

[Daria Shabala @DariaShabala]

Every time I plan to tweet live 😅 and every time I end up tweeting after the conference is over 😅 however #ReactSummitUS is not over yet - one more day tomorrow! And everyone can join!
But what a day it was, or actually 2 days! I had a blast!

[Stephen Cooper @SCooperDev]

Shared this at #ReactSummitUS yesterday 🙂

[Dominik 🔮 @TkDodo]

@mhdcode callback refs. My example is with focus but this pretty much the same thing:

https://t.co/4ibHPNsLIo

[Stephen Cooper @SCooperDev]

@mattpocockuk I have found this helpful with my children where it is especially true, given how they are growing and learning all the time.