Angular 13: What's new?

[{"selector":"#anim-5e473769-71d9-47c3-be9f-7a402bb21d2d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-79c61dfc-de27-4f90-8cf3-8bc8b7cf6fec","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3435c22-62a6-44e0-9026-0e69ffbeb9bb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aba0c9cf-eadb-49b3-9c3b-62bfd167acad","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ddcef874-5e40-41fc-ad51-aacc3a3d32b3 [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

Ivy Everywhere

[{"selector":"#anim-eeef4f29-0859-4064-b527-81cb3197657f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be46ea09-e32f-4f63-9ea0-57687701d4b1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bd25500a-e4b7-4751-955e-9b13585d2666","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac558116-b2a1-4e12-95f2-64901a26838b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-96bcdd9d-6c27-402c-9435-92d2c7acf52e [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"}] [{"selector":"#anim-dc487ca2-2134-4532-bc31-b87c8f7a6771","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Swipe up

Other notable updates in Angular 13 include:

[{"selector":"#anim-ec90b70f-39da-47f5-915e-3c6deef6ec00","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3272a9fc-cde0-4001-95f0-543ee6cda56e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1625dd0-031e-432e-9de5-b483974d194b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-239d8d2c-cbd0-4390-95f5-9a2486173952 [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"}] [{"selector":"#anim-306a97d7-0030-41f0-b3de-97311686efbd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63771bbc-330d-4492-94a3-230188c5c519","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Swipe up

Swipe up for a detailed post on the new Angular v13!

[{"selector":"#anim-0f4d0054-5c6e-4a51-83da-af02b1dbe749","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cebb9736-472d-4847-a6f3-0831bc170d4e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe55ba95-0e10-4ff1-8310-d8fd5446b6dd [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

Angular 13: What's new?

How can developers get Angular 13?

What are the major updates in Angular 13?

Ivy Everywhere

'Ivy' is the code name for Angular's next-gen compilation and rendering pipeline.

Angular 13 dramatically ramps up the Ivy-based features leading to better performance and productivity.

Other notable updates in Angular 13 include:

Typescript 4.4 support

Default RxJS 7.4 for apps created with ngnew

The introduction of FormControlStatus for forms, and much more...

Swipe up for a detailed post on the new Angular v13!