What's new in Angular 15?

📍Angular 15 mindmap: www.lucaspaganini.com/angular15
📍Web animations course: www.lucaspaganini.com/webanimations

Angular 15 was recently released with a bunch of new features. There are nice tools in the functional programming field, improved error debugging, and many other functionalities that provide less boilerplate and more code usability! If you want to know what was changed, created, or improved, watch the video up to the end.

🚨 Subscribe to the newsletter: www.lucaspaganini.com/newsletter

📧 Email: me@lucaspaganini.com
🐦 Twitter: twitter.com/lucaspaganini
📸 Instagram: www.instagram.com/lucaspaganini/

----------

CHAPTERS

00:00 Introduction
00:48 Easy Wins
01:06 Improved Stack Traces for Debugging
03:51 Improvements in the Language Service
04:37 Blazingly Fast Builds with ESBuild
06:52 Image Optimizations
11:33  Less Config Files by Default
12:23 Stable Standalone Components
13:09 Generating Standalone Components
13:23 Tree Shaking the CommonModule
14:15 Functional APIs for Router and HTTPClient
14:20 Functional HTTPClient
15:11 Functional Route Guards
15:44 Directive Composition API
19:18 Bonus Surprise
20:56 Don't Stop Here

REFERENCES

1. Angular v15 Launch Event - (Youtube):    • Angular v15 Launch Event 🎉 | Live with the...  
2. Angular v15 is now available! - (Angular Blog): blog.angular.io/angular-v15-is-now-available-df7be…
3. Angular 15 – the same logic, less code - (Vived Blog): vived.io/angular-15-the-same-logic-2x-less-code-fr…
4. Angular 15 arrives with standalone APIs - (Info World): www.infoworld.com/article/3680549/angular-15-arriv…
5. What’s new in Angular 15.0 - (Ninja Squad Blog): blog.ninja-squad.com/2022/11/16/what-is-new-angula…
6. Angular 15 New Must-Know Features! - (Level up coding): levelup.gitconnected.com/angular-15-new-must-know-…
7. What’s new in Angular 15 - (Mind Inventory): www.mindinventory.com/blog/whats-new-in-angular-15…
8. Angular CLI 15.0 - (Ninja Squad Blog): blog.ninja-squad.com/2022/11/16/angular-cli-15.0/
9. Angular image directive- (Chrome Blog): developer.chrome.com/blog/angular-image-directive/
10. Image directive - (Angular docs): angular.io/guide/image-directive
11. Better Angular Debugging with DevTools - (Chrome Blog): developer.chrome.com/blog/devtools-better-angular-…
12. ESBuild - (ESBuild website): esbuild.github.io/
13. Introducing Aurora - (Chrome Blog): developer.chrome.com/blog/introducing-aurora/
14. Was ist neu in Angular 15? - (Entwickler): entwickler.de/angular/angular-15-tutorial-javascri…
15. Tree shaking - (Mozilla): developer.mozilla.org/en-US/docs/Glossary/Tree_sha…
16. Html image element fetch priority - (Mozilla): developer.mozilla.org/en-US/docs/Web/API/HTMLImage…
17. Link types: preload - (Mozilla): developer.mozilla.org/en-US/docs/Web/HTML/Link_typ…
18. Link types: preconnect - (Mozilla): developer.mozilla.org/en-US/docs/Web/HTML/Link_typ…
19. NgOptimizedImage - (Angular docs): angular.io/api/common/NgOptimizedImage
20. Html image element loading - (Mozilla): developer.mozilla.org/en-US/docs/Web/API/HTMLImage…


#angular #webdevelopment