1. React
  2. Midwest JS
  3. 2019
  4. Reduce, Reuse, Recycle Your Framework Code into Web Components

Reduce, Reuse, Recycle Your Framework Code into Web Components

David Stanich at Midwest JS 2019

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.