Midwest JS

David Stanich

Reduce, Reuse, Recycle Your Framework Code into Web Components

What if you could take the power of modern JavaScript framework components and export them into generic web components? Good news! There are now tools that allow this to happen! In this session you will learn what web components are, get a view of some of the tools available to export Angular/Vue/React components, and see code examples of mixing exported components within other frameworks and vanilla HTML/JavaScript. Creating web components from your framework code may have some nice benefits depending on your project. Some example use cases include: * Use existing components in one framework with another framework (use Angular components inside of React or Vue). * Provides a piecemeal migration path from an older framework to a new one. For example, embedding Angular within AngularJS. * Embed web components inside of other technologies like a CMS or server side rendering technology. Although some of these tools are relatively new and still under development, it presents an exciting glimpse of what it may be like one day to have a more generic and open web.


About

David Stanich is a frontend developer at IBM in Rochester, Minnesota. He has been professionally developing web applications for the last 12+ years and is currently working on the UI for Watson Health products. His experience includes a variety of UI frameworks, backend technologies, and organizing frontend developer meetups within IBM Rochester.