Baker on Github
https://github.com/ing-bank/baker

I just heard that ING hates ... and does ....

I just heard that @JordyMoos hates ... and does ....

Adding a bit of static type checking to a world of Web Components

Web Components

• Web platform APIs
• Component-based engineering
• Encapsulation and Reusability

Web platform APIs

• Custom Elements
• Shadow DOM
• HTML Template
• HTML Imports

Custom Elements

Shadow DOM

HTML Template

HTML Imports

HTML Imports

ES Modules

Web Components

Most importantly ...

It is a Web standard

Lets see how Web Components work

Attributes are a good way to gain data

You also might want to inform other about your knowledge

Libraries

• Polymer
• Hybrids
• Skate.js

Elm

• Usability
• Performance
• Robustness

Elm

• Pure Functional language

Elm

• Pure Functional language
• Statically Typed

Elm

• Pure Functional language
• Statically Typed
• Strongly Typed

"No runtime errors"

Sorry No elm quiz!

ELM Example

ELM Live Demo

Adding a bit of static type checking to a world of Web Components

Combine the two

"Conclusion"

• Split the Logic and View layer
• Elm for the logic
• Web Components for the view

"Conclusion"

• Do not tangle too much to a framework
• Web Standards and Languages tend to outlive them
• Write things that can be used in years

Take Away

• Do not go blind on one thing
• Combine things
• Experiment

Code

• github.com/JordyMoos/elm-quiz
• github.com/JordyMoos/jm-quiz
• github.com/JordyMoos/elm-polymer-shop

Learn about Web Components

• https://github.com/thepassle/webcomponents-from-zero-to-hero

Learn about ELM

• guide.elm-lang.org
• Play with the ELM

Thank You

Thanks for the logo Pascal

https://twitter.com/passle_

About me

https://www.linkedin.com/in/jordy-moos-8a809754/
https://twitter.com/jordymoos
https://github.com/jordymoos