Dart:Scalable Application Development
上QQ阅读APP看书,第一时间看更新

Building web interfaces with Dart

The dart:html package is not the only option for building web interfaces with Dart. The main contenders are Polymer and Angular:

  • Polymer (https://www.polymer-project.org/) is a JavaScript framework for creating reusable web components (using the Web Component standard) that are encapsulated and inter-operable. They take the form of custom HTML elements. For example, the dialogs in this chapter could be made into web components. To use them in a page, we would use the tags <DialogConfirm> and <DialogWordCount>, which would avoid a set of nested div elements. Polymer.dart is the Dart version of the framework and is available from pub.
  • Angular (https://angularjs.org/) is a framework for dynamic data views and is a giant in the JavaScript world. Again, there is a Dart version, called Angular.dart. The forthcoming Angular 2 will be written in Typescript and will support both JavaScript and Dart.

Whichever framework or package is chosen, it is likely to use dart:html classes at some point, so it is worthwhile to be familiar with them. Not every developer or application needs a framework, so be pragmatic!