What is AngularDart?

AngularDart is a client-side framework for creating structured web applications in Dart. AngularDart is somewhat similar to AngularJS but it differs in implementation, takes advantage of Dart features such as classes and annotation.

Open source

AngularDart is an open source project built on the Dart Web platform. For the latest AngularDart documentation, see the doc directory of the dart-lang/angular project.

Used in production

Hundreds of Google engineers use AngularDart to build the sophisticated, mission-critical apps that bring in much of Google’s revenue. Learn more about how Google Ads was enabled by AngularDart.

Features :

  • Components can be reused
  • Data Binding feature
  • Deep linking
  • Form validation
  • Dependency Injection
  • Testable

Dart Version of AngularJS Framework By Google

Google Team has come up with a Dart version of AngularJs framework, which is also known as AngularDart. Now Angular 2 codebase are divided into two i.e., the Dart version in which codebase is written directly in the Dart and TypeScript/JavaScript version. AngularDart is heavily inspired by the AngularJS and features of core Angular such as Data binding and Dependency Injection are all present here. AngularDart is built on web standards such as Shadow DOM and this is great news for developers because:

  • The framework feels more like idiomatic Dart.
  • It makes use of Dart features that couldn’t work with the TypeScript flavor.
  • It is very fast as compared to AngularJS.

AngularDart VS AngularJS

  • AngularJS is written in JavaScript and AngularDart is written in Dart.
  • The expression language is supported by both the versions.
  • The parser used in the AngularDart is a direct port of AngularJS and the difference between the two is that AngularDart supports multiple backends.
  • The Dependency Injection (DI) system is different in both. The Dart is class based and JavaScript is symbol based.
  • The compiler used in AngularDart is completely rewritten, which means that directives behave differently and there is a difference between ‘structural’ and ‘decorative’ directives.
  • In AngularDart, link/compile functions are replaced with an apply function.
  • The attribute maps concept is available on AngularDart and not on AngularJS.

Developers Opted for AngularDart

AngularDart is faster than AngularJS. It’s great news for JS developers as well. Elimination of Dart related code from Angular Base code makes JavaScript/TypeScript version considerably smaller with good performance.

For developers, this doesn’t have many changes about how you use API’s, it fixes issues faster. Same template syntax and same API will be shared by both the versions and you will have the freedom to submit pull requests in the language that you know best, and changes can be made and reviewed without the burden of compilation and cross-compatibility with downstream languages.

Angular Dart source code is cleaner and more Dart-y, for Dart developers. With a dedicated team of Dart experts, developers will be able to resolve issues more quickly and finally update all of the documentation with a Dart focus. Developers will be able to use many Dart-specific features that weren’t compatible with the TypeScript flavor.

TypeScript or JavaScript developer will get benefit from cleaner JavaScript APIs and performance gains as the TypeScript codebase has been simplified to eliminate the need for compilation to Dart.

The AngularDart was designed not just to be a programming language, but also for set of stable libraries, solid tools and a great framework.


AngularDart – Developers Aiming for Bulls Eye

AngularDart Docs