MARK THOMPSON: Hey, friends. I'm Mark from the Angular team. And today, we'll be talking
all about the latest version 12 release of Angular. [NOISEMAKER] [CHEERING] OK. So as you can see, the
team is very excited to share all these
updates with you. [MUSIC PLAYING] We know you've been
wanting to write cleaner code in your templates when
it comes to conditionals, checking for null,
and undefined. Well, things just got more
awesome with the introduction of nullish coalescing
in your templates. Now you can take a complex
template expression like this and change it to this. Look at how crisp that code
is-- shorter and more readable. Definitely give this one a try. Next up, let's
talk about styles-- no, no, not clothing
styles, though, even though I am
looking quite fresh. Let's talk about updates
to styles in Angular. Developers can now
use inline sets in the styles field on
the component decorator. We think this is a great fit for
components with a small amount of SAS code. But remember, with great power
comes great responsibility. Use your newfound power wisely. To use this in
existing projects, add the inline style language
property to angular.json. New projects will have
support for this by default. If you are using the Angular
CDK or Angular Material, you're going to want to make
some updates to your projects. We no longer support the
node SAS package on NPM since it's deprecated and no
longer actively developed. We're now using the
SAS NPM package. Speaking of Angular CDK
and Angular Material, the team has exposed
some new APIs to be used with the
new @use syntax. We've updated the guides
on material.angular.io to showcase the new API surface. Want to get in on this now? Use ng update, and this command
will refactor any SAS import statements for the Angular
CDK and Angular Material to use the @use API. Check it out at
material.angular.io/guides for updated examples and guides. We have a few more updates
that made it into this release that we think that teams will
love and get a lot of value from. ng build now defaults to
production, so no more --prod flag. And it's actually worth
noting that there's no change to ng serve. Strict mode is now enabled
by default for new projects. Catch those pesky code bugs
earlier in your development cycle. Webpack 5 is now
production-ready. TypeScript version
4.2 is supported. And the Ivy-based Language
Service is on by default. Lots of goodies are
packed into this release. Let's take a moment to talk
about the future of Angular. We have a big vision
for what Angular can do to help teams build
robust, scalable applications. But to get there, we're
making some important changes. First, we're deprecating
support for IE11 and will remove support
in version 13 of Angular. Another important step for
the team to move Angular forward is getting
Ivy everywhere. We're deprecating View
Engine, and it will be removed in a future release. Libraries using View Engine
will still work with Ivy apps. But library authors should start
planning to transition to Ivy. That's all the time
we have for updates. But if you want to know more
details about Angular V12, check out the description
below for links to the release changelog, the official
blog, and learn how to upgrade
your installations with the upgrade guide. All right, friends
that's it for us. Thank you for making the
Angular community so amazing. We wouldn't be here without you. Until next time, go
build great apps. [MUSIC PLAYING]
