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
Typescript
ES6
ES5
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
RtimAdmin - Angular2
By ianqueue
RtimAdmin - Angular2
- 542