Google I/O is Google's annual developer conference. The name stands for Input/Output and also reflects the motto "Innovation in the Open". Google wrapped up its two-hour I/O keynote, which was dense with announcements. AI, Android, and, naturally, a range of Pixel devices were all covered. That is only to say there is far more than what I am highlighting in this post. Here, the focus is on Angular and what lies ahead for this framework.

The Current State of Angular

1. Ivy Engine

Angular's team rebuilt the framework's runtime and compiler from scratch, so applications now operate on the more capable and efficient Ivy rendering engine.
Among the benefits introduced by the Ivy Engine:

2. Standalone Components

According to the Angular blog, the aim of Standalone components is "to reduce boilerplate and make Angular easier to use and learn by making it possible to build components and applications without NgModules."

This matters, in part, because it intends to lower the barrier for newcomers to Angular.

Another significant aspect is that Standalone components will cut down on boilerplate in many scenarios.

3. New Getting Started

For those just starting with the framework, the Angular team is crafting a fresh Getting Started experience.

State of Angular - Highlights from Google I/O — figure 1

This is welcome news because the current onboarding is fairly difficult, especially for those who are new.

My modest Angular tutorial may quickly become outdated. Yet if something superior appears, it will no doubt help the entire ecosystem.

4. TypeScript Everywhere

As is well known, Angular is an opinionated framework with integrated best practices as the default.

Angular is committed to maintaining strong defaults and sound practices. To further that vision, and responding to one of the most sought-after features from developers, Angular is introducing typed forms within Angular templates.

State of Angular - Highlights from Google I/O — figure 2

5. Scalability

Angular has made it fairly clear that, despite being a prescriptive framework, it can accommodate diverse requirements:

  • Indie Developers: The new Standalone Component simplifies starting up with minimal boilerplate. The CLI already streamlines creating a new Angular app, components, and more through commands like ng new.
  • Startups: Angular Language Service helps ensure that developers write consistent code. Mistakes can be caught before deployment thanks to strong typing and tooling.
  • Scaleups: Internationalization and progressive web apps (PWA) will prove valuable. Additionally, the framework's opinionated nature means it is straightforward to jump into a different project and have a clear idea of its structure.
  • Big organizations: Could microfrontends be the next evolution?

Within all this, keeping Angular up to date with each new major release—or more often—is quite simple using update.angular.io.

6. Improved Accessibility

This is a fresh capability that makes defining unique page titles much simpler. It tackles a frequent accessibility problem found across web frameworks.

7. New commands

Additional diagnostics allow code editors to flag common issues before they reach production. There are two new CLI commands:

  • ng analytics: controls and outputs analytics configuration
  • ng cache: controls and outputs cache details

Conclusions

The presentations wrap up with the statement "There's never been a better time to be an Angular developer".
At the very least, this is an exciting moment to be building with Angular!