@ntaoo

#dartja Dart Flight Schoool Tokyo

Transcript

1. Trying to make Markdown Editor by NgComponent Can I use Dart in Production? by @ntaoo (+naotohc)
2. Who? • @ntaoo (Twitter) • +naotohc (Google+) • Developing new WebApp by AngularJS/CoffeeScript • SPA and Pjax (html5Mode = true) • 開発の遅れのだいたい30%はAngularJSのせい。 • OfflineWebApp対応 -> 頓挫（まだ早すぎた）
4. Dart :) • Optional typing, Dynamic language • Class Based OOP with Functional Features • Lazy Iterable • Future and Stream • Isolate • dart:html, dart:io • DartVM, dart2js, dart:js, Pub • Much more features
5. #dartlang Clean semantics and behavior
6. #dartlang Polymer.dart (today) Using web components today
7. WebComponent Polyfills in Dart • WebUI (deprecated) • PolymerDart • NgComponent in AngularDart (new)
9. PolymerDart • Tracking PolymerJS • PolymerJS’s spec is still in flux so also does PolymerDart
10. https://github.com/ntaoo/game_of_life.dart
11. NgComponent in AngularDart • is a Lightweight WebComponent Implementation. • looks Independent of Polymer (Maybe?). • can live with PolymerDart. http://blog.sethladd.com/2014/02/angular-and- polymer-data-binding.html • would gradually merge into Polymer?
12. Markdown editor by NgComponent nvDart https://github.com/ntaoo/nv_dart • 15 hours to study AngularDart • 5 hours to implement nvDart • Encapsulation • Messaging between components
13. Markdown editor by NgComponent nvDart https://github.com/ntaoo/nv_dart Demo
14. Markdown editor by NgComponent nvDart https://github.com/ntaoo/nv_dart
15. Markdown editor by NgComponent nvDart https://github.com/ntaoo/nv_dart Caveat : I’m not sure this design is in the right manner.
16. dart:js Interoperation between Dart and JS You can use JS libraries like Twitter Oauth, Markdown parser via dart:js.
17. dart2js (pub build) dart2js only supports modern browsers. IE10+ (IE9? is doubtful) Android browser?
18. You don’t probably need to use... • jQuery -> Use dart:html. • Underscore, requireJS, Jasmine, etc... -> Use Dart standard libraries. • Frameworks like BackboneJS, EmberJS -> Use AngularDart and others.
19. But... • UI libraries like jQueryUI, AngularUI -> Dart still lacks UI libraries. (There were UI libs on WebUI...) We need porting work.
20. O.K. can I use… in Production now? • Dart : Still young but already stable • AngularDart : Waiting for first stable release • Supported Browsers and Compiled JS Size For my current project…(IMHO) CoffeeScript + AngularJS + JS UI libraries + Grunt tasks >> Dart + AngularDart(unstable) || PolymerDart(unstable) || WebUI(deprecated)
21. #dartlang Dart in production
22. #dartlang "Dart offers a sane and consistent development experience for modern web applications." - Blossom
23. Dart : Let’s give it a try • In small project • With modern structure • Then make a contribution • And join Dartisans community
24. Any Question?