AngularT2_Light_1200x303

In this article, Alyssa Nicoll goes over some of the highlights of Angular version 11. She’ll also dive into her experiences with the RCs, the team's tight feedback loop and the exciting update party that will be on Friday the 13th!

Angular 11 on 11/11

Angular version 11 dropped on 11/11 and you cannot say the A-team doesn’t have a sense of humor. This season has been so trying for so many of us, it feels so good to have something fresh to look forward to. 

Update Party for Angular v11

Join the cool-kids on v11 smiling face with sunglasses 

ng update—to Angular 11!
ng update @angular/cli @angular/core

Update your Angular app today using this command ‘ng update @angular/cli @angular/core’. For the first time ever, we have an update party going on in the Angular Discord at 12PM PST. The Angular Discord is always a great place to find community and help with issues you might be having. However, the update party will be a concentrated time of focus just on the update from other versions to Angular 11. Join the Angular Discord Community if you haven’t yet, and make sure to tune in on Friday, November 13th at 12PM PST. The Angular team will have a Keynote & Q/A for the first 30 minutes on their YouTube!

ngUpdate Party on November 13th

→ Join the Party in the Angular Discord, 12PM PST November 13th!! ← 

I will also be hosting a special session during the “Install Party & Game Time” where we will talk about the update, play games and give away prizes. Hop on over to our Kendo UI YouTube Channel after the Keynote and Q&A to join in the fun at 12:30PST!

Alyssa excited for the Angular Update Party
Alyssa and snake friend excited for the Angular Update Party

Highlights of Angular v11

As always, you can find detailed updates about the latest release on Angular’s official blog. In the rest of this post, I will be going over the highlights of version 11 and my experiences with the update.

Features of Version 11

Here is a lovely list of the features to be found in not only Angular but the CLI and components this version:

Updates on Operation Byelog

Operation Byelog was a goal the Angular team set in place to triage all tickets in all three mono-repos. They have completed this goal and set a new standard for triaging any new issues that arise:

This is our commitment: Going forward all new issues reported will be triaged within 2 weeks.

Automatic Inlining of Fonts

I’m excited about this performance update that we will get for free by simply updating to v11. During compile time, the Angular v11 CLI will download and inline the fonts that your application is using. This will speed up your time to first contentful paint!!! 

Bob Ross Painting
Bob Ross, getting his paint on

Component Test Harnesses

The test suite that was available for Material Components in v9 is now available for all components in v11! Read more in the documentation for Angular Material Test Harnesses!

Improved Reporting and Logging

We are bringing in new CLI output updates to make logs and reports easier to read.

This was the FIRST thing I noticed when updating to v11 and BOY are the logs pretty now. Seriously, update and check out the output. Simply. Gorgeous.

New Pretty Angular Logs

I updated my Tour of Heroes/ My Little Pony app in under three minutes. Check out the video here: https://cl.nicoll.co/Jrug24Wl

There are so many other cool things in this update, many of them the Keynote and our Chat session will go over in detail. So check out those streams and join the update party fun!!!

Kendo UI Updates

Kendo UI Components and peer dependencies are updated and ready to go with version 11! I was worried when testing out the first RC. There was an issue with all additional CSS libraries added to the config of your app in runtime. However, this was quickly resolved by the Angular team in RC 2 and we are issue free now in the final release of v11.

If you are getting warnings about your Kendo UI packages needing an older version of Angular, be sure to run npm update to get our latest components!

Here on the Kendo UI team, we release on a quarterly cycle. You can check out our new components and features as of our R3 2020 release!

Feedback for Us? We Want to Hear It!

As with the Angular Team, we love feedback on our components—whether it be new ones or features on existing ones you’d like to see. So please leave us your feedback, we really do listen!
Kendo UI for Angular—Feedback Always Welcome!

Kendo UI for Angular Feedback Portal

Alyssa is the Angular Developer Advocate for Kendo UI. If you're into Angular, React, Vue or jQuery and also happen to love beautiful and highly detailed components, check out Kendo UI. You can find the Kendo UI for Angular library here or jump into a free 30 day trial today. Happy Coding!

AlyssaNicoll
About the Author

Alyssa Nicoll

Alyssa is an Angular Developer Advocate & GDE. Her two degrees (Web Design & Development and Psychology) feed her speaking career. She has spoken at over 30 conferences internationally, specializing in motivational soft talks, enjoys gaming on Xbox and scuba diving in her spare time. Her DM is always open, come talk sometime.

Related Posts

Comments

Comments are disabled in preview mode.