DEV Community

Cover image for Angular 11 just released 🔥
Aliaksei Kuncevič for Angular

Posted on • Edited on

5 1

Angular 11 just released 🔥

Yes, the Angular version 11 just released as well as Angular CLI and Angular Material. I am really excited about that and I hope you too 🥳

Here is quick overview

✅ Automatic Inlining of Fonts - Angular CLI now inline fonts automatically for you to speed up the first contentful paint

✅ Component Test Harnesses - test harness now available for all Angular Material Components to simplify tests cases

✅ Improved Reporting and Logging in Angular CLI - Angular CLI console output is more easier to read and it looks more informative

✅ New Hot Module Replacement (HMR) Support - ng serve --hmr is all you need to run the HMR, no code changes required

✅ Faster Builds - faster dependencies install and faster TypeScript compilation

✅ Dropped Support for Legacy Browsers - support for IE 9, 10, and IE mobile has being removed

✅ Webpack 5 Support (experimental) - you can opt in for Webpack 5 but remember it is experimental and you need to use yarn for that.

✅ Updated Angular Roadmap - current Angular Team priorities

CHANGELOG

Angular
Angular Material

Read the official release notes here 🎉

Find out more about the future of Angular here 🚀


My name is Aliaksei Kuncevič. I am teaching Angular and Web Technology. Helping dev teams to adopt Angular in the most efficient way. GDE, member of the NGXS Core Team.

I hope you find this content helpful and if so, please help to spread this article so more people can benefit from it.

If you want to learn more Angular tips and tricks join my newsletter at kuncevic.dev

If you want to know more about Angular subscribe for Angular Rocks podcast 🎙

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay