Angular 12 new features: What are they?

[{"selector":"#anim-4f899fc1-1f92-4c93-8a38-ab582a9d9735","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b7067ff-c31c-490e-8881-90057718f85d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e7b1ff09-7e5c-4c03-b440-1965f8be0470","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e05de1f6-a093-4108-9517-548d830a740e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.2187512051490559%, -22.193456620598997%) scale(1.4504504504504505)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Swipe up

With Angular 12, developers can catch bugs faster than the earlier versions.

[{"selector":"#anim-b3d75590-c565-4e70-8466-704c6ba4eac4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c32ef284-9a38-45ab-9e60-07084827619f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f98cf555-19c5-414d-a970-95ddaaf28a6f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-07de1a72-313a-41de-b4d5-d51eb1b7bbd0 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Swipe up

With the help of a compatibility compiler and a smooth update path, the entire ecosystem has shifted to Ivy, making Angular 12 more efficient.

[{"selector":"#anim-e7af3b0d-3c7b-492e-96ac-2544c2105a36","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6eda1774-512d-481d-b3a9-13f0c096f72c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-baebc99d-8da6-4337-a9c4-158247e491d0","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3c3dd27e-71db-4f96-8703-a0e35694c428 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Swipe up

These are just some of the exciting updates! Swipe up to know more about Angular V12.

[{"selector":"#anim-0a91a763-3b48-4ee0-9c34-ffc42d6eb9d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8419a390-bbc8-4015-aacf-1304e9864251","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a66babb2-b01b-4c1d-b15d-c914c0e4a614","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-30021388-dcfe-4588-a495-ff03b1cea9dc [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.2187512051490559%, -22.193456620598997%) scale(1.4504504504504505)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Swipe up