@SCooperDev
Account based inUnited Kingdom!
About this account
- Account based in
- United Kingdom
- Connected via
- Web
X says this location may be affected by a proxy or VPN.
Account-level information from X, not a live location or the device used for a specific post.
Senior Developer @ag_grid Sharing things about Typescript, Angular and React✍️ Christian Father of 4
London
Joined November 2014
- Tweets1.7K
- Following976
- Followers1.6K
- Likes1.8K
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
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.
➡️ luma.com/386w1pai
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 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
Stephen Cooper retweeted
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 👇
A lot of work went into all these new features!
Can't wait to hear how you can use them.
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!
Stephen Cooper retweeted
The gang is back together! ♥️🙌
@AngularConnect @EliranEliassy @Michael_Hladky @synalx @SCooperDev #angularconnect @angular
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 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:
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.
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?
angular.dev/api/core/NgZoneO…
Stephen Cooper retweeted
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!
Shared this at #ReactSummitUS yesterday 🙂
callback refs. My example is with focus but this pretty much the same thing:
tkdodo.eu/blog/avoiding-use-…
RT @ag_grid: The AG Grid Team at React Summit US, our final conference for 2024 🇺🇸🗽
If you are @ReactSummit then please come say hello! 👋
Made it to New York for @ReactSummit next week.
Got a weekend of site seeing to do first. Any recommendations?
This year for me has been all about bundle size reduction!
Never spent so much time thinking about how different code styles impact minification.
Especially important in a class based codebase. this is never mangled, for example
Standalone pure functions are great as you don't have to worry about how long their name is because it can safely be mangled.
But the same can't be said for any public class methods or things that are exported publicly.