Skip to main content

AngularDart: The best Angular for you?

Ferhat and Matan recently announced the release of AngularDart 2.0 with some pretty dramatic performance improvements at the Dart Developer Summit in Munich.


We figured we’d have a chat with them to better understand — straight from the horse’s mouth — what this means for developers looking to write a web app.


What is the single most important reason for people to try out the new AngularDart 2.0 release?

That would be better performance. And really — as we talked about at the Dart Summit recently — AngularDart is mainly about providing developers with three things: Productivity, Performance, and Stability.
  • AngularDart is an amazing framework for building web apps and we have internal teams reporting doubling their productivity.
  • With the new release just out, AngularDart output is 40% smaller and 10% faster.
  • Finally, with major teams depending on the framework for their products, we work hard to ensure stability throughout when implementing these improvements.

Indeed, you announced some pretty awesome performance improvements both in terms of output size and speed. What were the key insights that allowed you make so dramatic improvements in such a short time?

For size improvements, it was a combination of low hanging fruit like better whitespace compression, a focus on generating idiomatic Dart code, and refactoring to remove dynamic calls and abstraction layers where possible. For runtime performance, we have leveraged strong types and moved from “dirty checking” to a ComponentState model.

AngularDart 2.0 was just released. So I was wondering, is it stable enough that I can start using it today? I mean, you said that it has been used in production for several months. How does that work?

Yes. We have major Ads products relying on this already, and they have been for months. We have thousands of tests to make sure that as we make further performance improvements, nothing breaks along the way.

Awesome. So what is the best place to go if I want to try this out or learn more?

You can check out the video from our presentation at the 2016 Dart Summit. We also have codelabs that help you get started using AngularDart and even one with the new AngularDart components that Ted talked about at the Summit. Finally, angulardart.org is the place to go for the latest info on AngularDart.

Popular posts from this blog

Dart in 2016: The fastest growing programming language at Google, 2nd fastest growing in TIOBE Index

Dart was the fastest growing programming language at Google in 2016 with millions of lines of code written. It also made it to TIOBE Index Top 20 this month (see TIOBE's methodology).

It takes time to build something as ambitious as Dart and, in some ways, Dart is still in its infancy. But we're glad the hard work is starting to pay off.

Many thanks to our amazing community!

We're going to celebrate by ... releasing 1.22 next week (as per our usual 6 week release schedule).

A stronger Dart for everyone

We are constantly asking ourselves:
How do we make developers even more productive when writing Dart apps? We believe that a critical part of the answer to this question is to make strongmode – a sound static type system for Dart – the standard for all Dart developers.

Teams that use Dart to build apps like Soundtrap, AdWords, AdSense, and Greentea say they really enjoy using strong mode features, such as early error detection. In fact, teams that have switched completely to strong mode cite not only early error detection but also better code readability and maintainability as major benefits. We hear this both from small teams and Рeven more so Рfrom large teams with hundreds of developers writing and maintaining millions of lines of Dart code. As Björn Sperber from Soundtrap says,
Strong mode and the smooth integration with IntelliJ is a joy to use and a huge improvement. If you’ve tried out Flutter, you’ve already used strong mode checks from the Dart analyzer.

Given the benefits …

AngularDart 3.0: Easy upgrade, better performance

AngularDart 3.0 is now available. It brings better performance and smaller generated code, while also making you more productive.


Version 3.0 is an evolution: although it has some breaking changes (detailed below), it is a smooth upgrade due to minimal public API adjustments. Most of the progress is under the hood—in code quality, stability, generated code size, performance, and developer experience.

Code quality:
2731 instances of making the framework code more type safe (using sound Dart).The AngularDart framework code size is down by 12%.Many additional style updates to the codebase:Changed to use idiomatic <T> for generic methods.Removed NgZoneImpl, all the code exists in NgZone now.Stability:
Many CSS encapsulation fixes due to update with csslib package.Fixed bugs with IE11.

Performance:
For the Mail sample app, we see 30% faster time-to-interactive (currently 3812 ms on a simulated 3G connection, measured via Lighthouse).Our large app benchmark shows 2x faster render times of…