Stephen Cooper
@scooper.dev
Senior Developer AG Grid @ag-grid.bsky.social Conference speaker and blogger Typescript, Angular and React Performance ✝️ 4 Children, 2 🐕
🤔 What if there were a conference without talks? Just hanging out with OSS maintainers & builders, seeing what they’re working on, and learning cool stuff by actually talking to people. 🤯 What if hallway track turned into the whole event! 💡 @tannerlinsley.com is exploring it. Interested? ⬇️
Web Forge Conf - A new kind of web developer conference
A community funded, not for profit event built for creators and the developers who use their work. Less stage. More story. All signal.
webforgeconf.com
It was a pleasure to be able to speak and share what I had learnt while reducing the bundle size of AG Grid.
Angular Connect@angularconnect.com · 11mo agoA huge thank you to our Premium Sponsor @ag-grid.bsky.social for powering Angular Connect 2025! 🚀 👏 @scooper.dev inspired us with his talk “A Practical Guide to Reducing Bundle Size” 👏 James Swinton-Bland impressed with the power of AG-Charts at the booth Check out 👉 www.ag-grid.com/charts/ 🔥
🎉 Just 2 months until AngularConnect! @scooper.dev from @ag-grid.bsky.social shares why you should be there! Our Premium Sponsor @ag-grid.bsky.social offers blazing-fast Charts! 🆓 Free forever 🚀 Built for big data 📊 Financial-ready 🏢 Enterprise features - no trial needed 🔗 ag-grid.com/charts
Can't wait for this one!!!
Angular Connect@angularconnect.com · last yr.📦 Talk Reveal: A Practical Guide to Reducing Bundle Size by Stephen Cooper (@scooper.dev)! Learn how to avoid common pitfalls in tree-shaking & minification and trim your bundles like a pro. Real tips, real tools, real results. 🚀 📅 Sept 12–13, London 🎟️ angularconnect.com #AngularConnect
With an Angular app that includes an Angular lib I am seeing different bundle sizes based on changes in the versions used. Lib 17 + app 19 smaller than lib 18 + app 19 But lib 20 + app 20 is significantly smaller than both. No code changes, just package.json Is this expected / known about?
Just applied to speak @angularconnect.com 2025! Yes it's coming back!!! 🥳
I am in the process of evaluating the changes in React performance between v18 and v19. Prod fairly stable. Dev 19 is significantly slower. I know we should never measure performance in Dev but in reality a lot of developers are doing just that! Has anyone else noticed this?
added a little diagram at the end
dan@danabra.mov · last yr.⚛️📝 New on Overreacted: What Does "use client" Do?
I used JS private members for a long time, because they are awesome and really private. But I haven't thought about that the bundler can mangle the names, because they are private! All makes sense now... Thank you, @scooper.dev youtu.be/B8qrGmAbJFU
How We Reduced the Bundle Size of AG Grid w/ Stephen Cooper 🌟 #WeLearnTogether | TechStackNation.com
YouTube video by Tech Stack Nation
youtu.be
Smart Bear would have failed had I not listened to what customers were really saying. And almost always they were saying it via tech support, not via interviews, not via reviews, not via feature-submission forms. Support == product development
Tech Support is sales
Tech support isn’t just troubleshooting; it’s the face of your company. Which means it’s your brand, your positioning, and when it’s excellent, it is sales.
longform.asmartbear.com
Does anyone know of a tool that can run over a Typescript code base and suggest possibly unused public methods? What to automate the process of finding unused methods following code changes with the aim of minimal bundle size. (I don't fancy doing find for 500 that are marked public...)
I am relieved to see this view point expressed from a testing authority as this is what we have started telling people in support. I can't imagine the time that has been lost to unexpected test failures, especially when "it works fine in my browser" www.epicweb.dev/why-i-won-t-...
Why I Won’t Use JSDOM
Explore how JSDOM's browser simulation works, and learn front-end testing approaches using Vitest Browser Mode for direct browser testing and native APIs
epicweb.dev
I spent yesterday converting a load of AG Grid Angular examples to use signals. I love the DX and how easy it has become to enable OnPush with confidence. computed - the way you can just use signals and let Angular take care of the dependency updates is 🔥! Good work @angular.dev team!
😎Check out the talk recording "What Refs Can Do for You" by @scooper.dev. Watch it here⤵️ gitnation.com/contents/wha...
Introduction Over the past 15 years, the JavaScript ecosystem has expanded rapidly,... dev.to/filipsobol/d...
Downsize your JavaScript: Mastering Bundler Optimizations
Introduction Over the past 15 years, the JavaScript ecosystem has expanded rapidly,...
dev.to
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. blog.ag-grid.com/whats-new-in...
What's New in AG Grid 33
What's new in AG Grid 33 - bundle size reduction via modularization, async context menu items, customization of default column header content
blog.ag-grid.com
Some excellent additional information concerning ref callbacks
Dominik 🔮@tkdodo.eu · 2y agoRef Callbacks got an upgrade with React 19, and the presence of the React Compiler has further changed my thinking about using useCallback for those in some situations. tkdodo.eu/blog/ref-cal... Thank you @gsathya.bsky.social for starting the discussion about this 🙇♂️
Is this a trade off for speed of build times with esbuild becoming the default in v19? Or is this offset by people using deferable components and hydration?
Ricky@ricky.pt · 2y agoInteresting! I'm going to try this lib 👏 Btw, created an empty Angular 19 project this afternoon and compared both build versions: ESBuild was ~20Kb larger than Webpack 🤷
Anyone experienced a different bundle size output with the new Angular esbuild builder as opposed to the webpack one? Validating an Angular 19 app importing AG Grid and get very different bundle size outputs. Looks like a difference in tree shaking capabilities.
✅ Just updated the #Angular #vitest @stackblitz.com starter to Angular v19.0.1 🔗 Give it a try stackblitz.com/edit/angular...
Busy writing codemods for the next major release of AG Grid so that we can land some of the biggest changes in a major yet. And when I say biggest, these changes will enable some of the smallest bundle sizes yet. Looking like a possible 40% reduction based on the features actually used!
Together with @Jean__Meche we've been cooking something delicious 🥘! What if Angular warns you if you're running change detection too often [configurable] over a given period of time [configurable too] !? More here 👇 github.com/angular/angu... #angular
feat(core): add change detection tracing service by eneajaho · Pull Request #58916 · angular/angular
This will warn users when they are rendering too much based on the config they provide. Linked to #58540 It works somehow like this: // More than 10 change detections in 1 second triggers a warning...
github.com
My talk from React Advanced London is now available. 😊 I dive into different profiling techniques and also look at how Web Vitals Metrics are now available directly in the Chrome Performance Panel. gitnation.com/contents/per...
Perfecting Your Profiling by Stephen Cooper
A software engineer from AGGrid discusses profiling and optimization in React DevTools and Chrome DevTools. The React DevTools allow for analyzing and optimizing renders, and can help improve Core Web...
gitnation.com
Lots of insights here about callback refs!
Sathya@gsathya.bsky.social · 2y agoI'd store the id in a ref and check that manually and not depend on useCallback: ``` const idRef = useRef(null); const scroller = (node) => { if (idRef.current === null || idRef.current !== id) { node?.scrollIntoView({ behavior: "smooth" }); idRef.current = id; } }; ```
Today I learnt that @vuejs.org can, (what feels like magic) take a Typescript interface and turn that into property coercions for a component's properties! I had to double check it, I hadn't seen this before as part of a framework, User Types -> Actual Code
Stoked to announce that TanStack Start is now officially BETA! 🎉 🎊 Please come and try it and help us get it ready for 1.0! tanstack.com/start cc @tanstack.com
TanStack Start
Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router, Vinxi, and Nitro and ready to deploy to your favorite hosting provider.
tanstack.com
@reactsummit.gitnation.org was another great conference! Thanks to those who came to the booth to chat about AG Grid/ Charts and to those that came to my talk too. Won't forget speaking in such an amazing venue anytime soon!
