69

Web Components: Rethinking Web App Development

Embed Size (px)

DESCRIPTION

Web Components is an emerging umbrella of standards that fundamentally changes the way we compose our web applications. Web Components abstract away the complexity introduced when using low-level building blocks such as HTML, CSS and JavaScript. This complexity is usually handled on the level of web frameworks, where we can perceive few phenomenons: web frameworks usually it’s own way of how to work with low-level APIs, maintains custom UI widget suites, lock us in a particular solution. What about inventing some common denominator that could frameworks and app developers built upon? Web Components are essentially a set of improvements that are being added to the web platform: HTML Imports, Shadow DOM, , custom elements, decorators. All of these APIs are on their way to becoming standards. But can we leverage them already? Thanks to polyfill libraries like Polymer we can leverage those new APIs right away! Thanks to Web Components, the web will get a new common denominator which kills fragmentation and encourages reuse and portability of user interfaces.

Citation preview

Page 1: Web Components: Rethinking Web App Development
Page 2: Web Components: Rethinking Web App Development
Page 3: Web Components: Rethinking Web App Development
Page 4: Web Components: Rethinking Web App Development
Page 5: Web Components: Rethinking Web App Development
Page 6: Web Components: Rethinking Web App Development
Page 7: Web Components: Rethinking Web App Development
Page 8: Web Components: Rethinking Web App Development
Page 9: Web Components: Rethinking Web App Development
Page 10: Web Components: Rethinking Web App Development
Page 11: Web Components: Rethinking Web App Development
Page 12: Web Components: Rethinking Web App Development
Page 13: Web Components: Rethinking Web App Development
Page 14: Web Components: Rethinking Web App Development
Page 15: Web Components: Rethinking Web App Development
Page 16: Web Components: Rethinking Web App Development
Page 17: Web Components: Rethinking Web App Development
Page 18: Web Components: Rethinking Web App Development
Page 19: Web Components: Rethinking Web App Development
Page 20: Web Components: Rethinking Web App Development
Page 21: Web Components: Rethinking Web App Development
Page 22: Web Components: Rethinking Web App Development
Page 23: Web Components: Rethinking Web App Development
Page 24: Web Components: Rethinking Web App Development
Page 25: Web Components: Rethinking Web App Development
Page 26: Web Components: Rethinking Web App Development
Page 27: Web Components: Rethinking Web App Development
Page 28: Web Components: Rethinking Web App Development
Page 29: Web Components: Rethinking Web App Development
Page 30: Web Components: Rethinking Web App Development
Page 31: Web Components: Rethinking Web App Development
Page 32: Web Components: Rethinking Web App Development
Page 33: Web Components: Rethinking Web App Development
Page 34: Web Components: Rethinking Web App Development
Page 35: Web Components: Rethinking Web App Development
Page 36: Web Components: Rethinking Web App Development
Page 37: Web Components: Rethinking Web App Development
Page 38: Web Components: Rethinking Web App Development
Page 39: Web Components: Rethinking Web App Development
Page 40: Web Components: Rethinking Web App Development
Page 41: Web Components: Rethinking Web App Development
Page 42: Web Components: Rethinking Web App Development
Page 43: Web Components: Rethinking Web App Development
Page 44: Web Components: Rethinking Web App Development
Page 45: Web Components: Rethinking Web App Development
Page 46: Web Components: Rethinking Web App Development
Page 47: Web Components: Rethinking Web App Development
Page 48: Web Components: Rethinking Web App Development
Page 49: Web Components: Rethinking Web App Development
Page 50: Web Components: Rethinking Web App Development
Page 51: Web Components: Rethinking Web App Development
Page 52: Web Components: Rethinking Web App Development
Page 53: Web Components: Rethinking Web App Development
Page 54: Web Components: Rethinking Web App Development
Page 55: Web Components: Rethinking Web App Development
Page 56: Web Components: Rethinking Web App Development
Page 57: Web Components: Rethinking Web App Development
Page 58: Web Components: Rethinking Web App Development
Page 59: Web Components: Rethinking Web App Development
Page 60: Web Components: Rethinking Web App Development
Page 61: Web Components: Rethinking Web App Development
Page 62: Web Components: Rethinking Web App Development
Page 63: Web Components: Rethinking Web App Development
Page 64: Web Components: Rethinking Web App Development
Page 65: Web Components: Rethinking Web App Development
Page 66: Web Components: Rethinking Web App Development
Page 67: Web Components: Rethinking Web App Development
Page 68: Web Components: Rethinking Web App Development
Page 69: Web Components: Rethinking Web App Development