The Context

• The landscape has shifted rapidly since ES2015
• @angular is a whole new developer experience
• A desire to take consolidated learnings back to to NG1.5
• Typescript has a great class inheritance pattern
• Imports make code much easier to organise/manage

A Few Questions...

• What can we learn from the code typescript generates?
• How does the typescript experience translate to React?
• How much difference is there between NG1 & NG2?
• How much difference is there between NG2 & React?

I Also Wanted To Check Out The Fuss

GoalS Of This Project

• Core functionality described in typescript classes
• Create the DRYest code possible
• Some testing would be nice
• Reuse these core classes across angular, angular2 and react implementations
• Profit?

Why A Calendar

• Microsoft has got their house in order
• Transpilers have abstracted any performance concerns
• I now write declarative code without worrying so much about x-browser performance or support
• So I now rely much less on x-browser libraries (moment.js)
• So I wanted to have another look at native dates
• I also wanted a example component with the concept of a service, without any backend dependencies

Key Outcomes

• CSS can be reused across frameworks
• Builds are isolated across frameworks
• Easy to develop each framework in an isolated manner
• Parent application/component can consume the current value of the calendar picker

Code Structure

Webpack

Webpack Config by Framework

Core Source

Framework Implementation

Compiled Output

Key Outcomes

• CSS can be reused across frameworks ✓
• Builds are isolated across frameworks ✓
• Easy to develop each framework in an isolated manner  ✓
• Parent application/component can consume the current value of the calendar picker

Core Implementation

Tests