These days you can't develop frontends without using any kind of JS framework or some JS libraries. And so we made our way starting the early days with jQuery switching over to extJS, trying polymer, falling in love with backbonejs, stepped over to Angular 1-6. Each framework has its popularity and every new version brings us new features and more performance. But each upgrade or switch means usually losing lots of functionalities or reimplementing same stuff with different patterns. These tasks were expensive, error-prone and not sustained from a business perspective.

Then web components hit the stage. We believe that this W3C standard is the biggest thing since HTML5 which brought us semantic elements.

Complicated interface elements can be lost only by switching between frameworks, framework version or needs to be reimplemented.

My goal is to show you how you can get the most out of this new technology and give you a insight into our work which covers often to enable teams to scale up their performance by simplifying tasks or optimizing application designs.

To simplify the development I use stencil ( a webcomponent compiler ) which has been developed by the ionic team and provides a major simplification when you want to create web applications, websites and PWA's with web components. Stencil provides solutions like unit and end - to - end testing out of the box.

One very important part of this talk will also be the opportunity to use webcomponents for websites while also ranking well on search engines (SEO). This subtopic will also give you an overview of the currently available possibilities to pre - render contents or use server - side rendering technologies.

I want to give you a practical overview on webcomponents and give various examples on how to use them for apps, PWA's and websites without keeping back the possible issues you will run into.