RTIM Admin

an Angular2 POC

goals

what we set out to do...

• learn some typescript
• learn some Angular2
• bootstrap an Angular2 App
• create a new RTIMAdmin UI
• reflect on what we learned...

where to check it out...

why not keep using angular classic?

• not very opinionated
• 2-way binding confusion
• digest lifecycle confusion
• performance caps
  • mobile
  • watcher limit
• lazy loading is difficult

why angular 2?

• more opinionated
• truly modular
• test components in isolation
• 5x - 10x more performant
  • web workers
  • optimized data binding
  • detection through...
    • Observables
    • Immutables
• lazy loading baked in
• direct injection simplified
• better documentation and examples
• a bunch more...

compiled languages can be a pain...

(JAVA)

JavaScript

Compilation

Coffeescript

JavaScript

Compilation

GWT

typescript

transpilation

the stack!

• Node
• Angular-CLI
  • @angular 2.1.2
  • @angular-material
  • prime-ng
• Webpack
• Typescript

hurdles?

• initial setup
• getting the hang of typescript
• build tool flux
• angular 1/2 paradigm shifts

what we enjoyed while developing?

• IDE inline feedback on errors
• angular-cli code generators
• webpack for asset management
• baked in View Encapsulation
• component/module driven
• familiar view layer paradigms

what was kind of a pita?

• tool churn
• framework churn

Demo

Thanks!

Ian Quattlebaum

Chris Swift