⭐Angular 12 Now Available ⭐
Tags: javascript, angular, beginners, webdev
Published: 2021-05-13 05:39:44

Hey there,

Version 12.0.0 is here and it has some great updates for Angular developers everywhere. 🎉🎉

#TL;DR 🙌

✅ **Moving closer to IVY engine and get rid of view engine**

✅ Getting rid of protractor. Adding support to Cypress, WebdriverIO, and TestCafe

✅ **Nullish Coalescing in templates**

✅ Docs Updated | Docs updating | Docs will be updated

✅ Stylish improvements

✅ Strict mode by default

✅ Ivy-based Language Service

✅ Experimental support for Webpack 5

✅ supporting TypeScript version to 4.2 ( 4.3 is in beta)

✅ Bye bye IE11 - New deprecation warning message in Angular v12 — and remove support for IE11 in Angular v13

✅ PR merges from community




<h1> How to update to version 12</h1>
Visit <a href="https://update.angular.io">update.angular.io</a> for detailed information and guidance. To have the best update experience,

Update to 12
```cmd
ng update @angular/cli @angular/core
```

In order to update your global angular,
``` cmd
npm i -g @angular/cli
```

# What’s in this release?

## ✅ Moving closer to IVY engine 👌

*  View Engine is basically deprecated, it will be removed in a future major release
  
*  Current libraries using View Engine will still work with Ivy apps (no work is required by developers), but library authors should start planning to transition to Ivy.

👉 Read about this from [Minko Gechev](https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4)  right [here](https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4)


## ✅ Goodbye to Protractor
* Angular 12 opted to not include protractor in new projects and, instead, provide options with popular 3rd party solutions in the Angular CLI. Angular team currently working with Cypress, WebdriverIO, and TestCafe
  
* New things to learn 🎉🎉

## ✅ Nullish Coalescing

* We can use nullish coalescing in angular components
![nullish](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0eet0uiqhiswdmd5pbje.png)

# ✅ Documentation updates
* 👉 [Content projection guide](https://v12.angular.io/guide/content-projection)

* 👉 [Contriubtors guide](https://angular.io/guide/contributors-guide-overview) 
  
* 👉 [Guides and videos](https://blog.angular.io/angular-debugging-guides-dfe0ef915036)


## ✅ Stylish Improvements
* Angular components will now support inline Sass . Previously, Sass was only available in external resources due to the Angular compiler
  
* To enable this feature in your existing applications add ``` "inlineStyleLanguage": "scss” ``` to angular.json. Otherwise, it will be available to new projects using SCSS

### In the v11.2 release,  added support for Tailwind CSS.  
* install the tailwindcss package from npm 

* initialize Tailwind to create the <code>tailwind.config.js</code>in your project. 
  
* Now, teams are ready to start using Tailwind in Angular.


## ✅ Great Features

* 👉<code> ng build </code> now defaults to production which saves teams some extra steps and helps to prevent accidental development builds in production . ng build === ng build --prod
  
* 👉 Strict mode is enabled by default in the CLI

* 👉 The Ivy-based Language Service is moving from opt-in to on by default

* 👉 Added experimental support for Webpack 5

* 👉  Updating the supported TypeScript version to 4. 


## ✅ Bye Bye IE11

* 👉 New IE11 deprecation warning message in Angular v12 — and remove support for IE11 in Angular v13

## ✅ Multiple code merges
* 👉 [#25839](https://github.com/angular/angular/pull/25839)
* 👉 [#25751](https://github.com/angular/angular/pull/25751)
* 👉 [#39063](https://github.com/angular/angular/pull/39063)
* 👉 [#33222](https://github.com/angular/angular/pull/33222)


For more let us hear it from the creators
 
Credits : <a href="https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49">Official Announcement 😄</a>