🚀 Excited to introduce Hawkeye – our brand-new NPM package!
🎯 Analyze your #Angular bundles like never before. Smarter insights, filters, and automatic detection of eager vs lazy bundle sizes!
Getting started:
1. Use Hawkeye to setup a analyze script
npx @angular-experts/hawkeye init
2. Run the generated analyze script
// for single project workspaces
npm run analyze
// for multiproject workspaces
npm run analyze:my-app-name
3. Explore results in the browser (will open automatically)
I was informed today that #Angular's `linkedSignal` has an even shorter syntax 😁
Super useful, for example, when we want to create a "locally editable" input
ALT @Component({
template: `
<input [(ngModel)]="text" />
`,
})
export class SomeComponent {
_text = input.required<string>({alias: 'text'});
text = linkedSignal(this._text);
}
Combining Signals and Observables may have been confusing till now, but with computedFrom it will be easier to understand and to work with.
Give it a try and let me know in the comments what do you think!
#angular
Hey reactive JS folks! I'm working to bring Observables to the web platform by reviving a @thedomstandard proposal that got some attention a while ago. @BenLesh and I would love your feedback, so check out github.com/domfarolino/obser… if you want to do things like this soon:
We are ecstatic to announce @googlechrome as a new research and finance sponsor! The Solid and Chrome Teams are working together to bring the best performance to SolidStart. Big shoutout to @addyosmani and the Chrome team.💙
solidjs.com/blog/chrome-supp…
We've observed significant momentum in the Jest ecosystem and are excited to help bring those benefits to the Angular community.
As a result, we are excited to announce that we're adding initial experimental support for Jest in Angular v16!
blog.angular.io/moving-angul…
Ever want to locally experiment with HTTP response headers? @ChromeDevTools can now override response headers incl. CORS! We also support adding custom headers 🥳
Learn more bit.ly/devtools113
ALT You can now override response headers in the Network panel. Previously, you needed access to the web server to experiment with HTTP response headers.
With response header overrides, you can locally prototype fixes for various headers, including but not limited to:
Cross-Origin Resource Sharing (CORS) Headers
Permissions-Policy Headers
Cross-Origin Isolation Headers
waouh, this #vscode plugin just blow my mind. 🤯
No more ... in TS error message where you don't know where to look.
And error message are easy to read.
If you haven't installed it, just try it. 🙏
Want to use #angular standalone components as default? You can change the settings of angular.json by yourself or just simply use the following command:
> ng add ngx-convert-to-standalone
PR is welcome :P
github.com/wellwind/ngx-conv…
C# Tip 💡
What's the simplest way to add a guard clause for null values?
The first example is something you will typically see in .NET applications.
However, there's a simpler way to achieve the same behavior using ArugmentNullException.ThrowIfNull.
#dotnet
The class based and InjectionToken guards and resolvers are being deprecated and possibly will be removed in the newer versions of the framework.
This is not a bad thing imo, because the code migration is easy (just remove some class code 😅)
github.com/angular/angular/p…#angular
In Angular 15, less files will be generated for the new projects 🥳
Where did those files go? Some of them are added by default in their builders, and we can override them by creating them ourselves. Ex. test.ts, .browserlistrc, karma.conf.js. There's more 👇
#angular