Naka-pin na Tweet
Stephen Cooper
1.7K posts
Stephen Cooper
@SCooperDev
Senior Developer @ag_grid Sharing things about Typescript, Angular and React✍️ Christian Father of 4
London Sumali Kasım 2014
968 Sinusundan1.6K Mga Tagasunod
Stephen Cooper nag-retweet
The gang is back together! ♥️🙌
@AngularConnect @EliranEliassy @Michael_Hladky @synalx @SCooperDev #angularconnect @angular
English
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.
English
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.
English
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:
English
@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.
English
When performance expert @Enea_Jahollari takes a look at code base, you end-up with perf improvements in PRs :)
(That dude knows what he's doing)
github.com/angular/angula…
English
Heads up: After talking to @_gsathya (on the other other platform, you know which one), I’ve decided to write a part 2 to my callback ref article. The upcoming react compiler changes some of the recommendations I’ve made in the original article, which is more than two years old!
English
@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
English
@SCooperDev Zone is on the global scope, you can only have global level.
Switching the default is likely too breaking.
English
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/NgZon…
English
Stephen Cooper nag-retweet
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!
English
@mattpocockuk I have found this helpful with my children where it is especially true, given how they are growing and learning all the time.
English
I don't understand this
I'm not good enough
I can't do this
Just add 'yet'
English
@ReactSummit 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!
English
Made it to New York for @ReactSummit next week.
Got a weekend of site seeing to do first. Any recommendations?
English
@SCooperDev @ReactSummit I need one of those stickers lol
English
Oh and statics should absolutely be avoided as they can completely break tree shaking due to the way they are compiled.
Same for decorators. Ditching those was a massive win.
English
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.
English
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
English