State of Angular – Highlights from Google I/O

Google I/O is a developer convention held by Google. “I/O” stands for Enter/Output, in addition to the slogan “Innovation within the Open”.

Google has concluded its two-hour I/O keynote, which was jam-packed with info. AI, Android, and, after all, a slew of Pixel {hardware} have been all talked about.

That is simply to say that there’s a entire lot greater than what I’m summarizing on this put up.

Right here we’ll deal with Angular and the way forward for this framework.

State of Angular

1. Ivy Engine

The Angular crew rewrote from the bottom up Angular’s runtime and compiler in order that apps at the moment are powered by the higher, extra environment friendly Ivy rendering engine.
Listed here are a number of the benefits provided by the Ivy Engine:

2. Standalone Elements

On the Angular blog, we will learn that the purpose of Standalone elements is “to scale back boilerplate and make Angular simpler to make use of and study by making it potential to construct elements and purposes with out NgModules.

That is vital as a result of, amongst different issues, it desires to make it simpler to study Angular for brand new builders!

One other level value mentioning is that Standalone elements will scale back the boilerplate in a number of circumstances.

3. New Getting Began

For builders new to the framework, the Angular crew is designing a brand new Getting Began path.

This is superb information as a result of the present studying path is sort of steep, particularly for brand new builders.

My little Angular tutorial would possibly quickly turn out to be out of date. But when there’s something higher on the market, it would absolutely profit all the group.

4. TypeScript In every single place

As you could know, Angular is an opinionated framework with finest practices built-in by default.

Angular strives to keep up robust defaults and finest practices. To help this imaginative and prescient, and following builders’ most requested function, Angular is including help for typed types in Angular templates.

Image description

5. Scalability

Angular made someway clear that, regardless of being an opinionated framework, it will probably help completely different wants:

  • Indie Builders: The brand new Standalone Element makes it simpler to start out with out an excessive amount of boilerplate. The CLI already makes creating a brand new Angular app, elements, and different issues very straightforward as ng new.
  • Startups: Angular Language Service ensures that builders produce constant code. Builders can uncover errors earlier than they’re deployed because of typing and tooling.
  • Scaleups: Internationalization and progressive net apps (PWA) will come helpful. Furthermore, being opinionated it’s straightforward to begin to work on a distinct mission and know precisely what it would appear like.
  • Huge organizations: Microfrontends as the following steps?

In all of this, it’s pretty straightforward to replace Angular each time a brand new main model comes out, or extra steadily, by utilizing

6. Improved Accessibility

This can be a new function that enables defining distinctive web page titles extra merely. That is addressing a standard accessibility subject in net frameworks.

7. New instructions

Extra diagnostics assist code editors to warn builders of frequent errors earlier than deployment. Right here we now have two new CLI instructions:

  • ng analytics: a solution to management and print analytics settings
  • ng cache: a solution to management and print cache info


The talks conclude with “There’s by no means been a greater time to be an Angular developer“.
At a minimal, this can be a very cool second to make use of Angular in your initiatives!

Add a Comment

Your email address will not be published. Required fields are marked *