Web Components

[villelahdenvuo]

Hey,

First of all thank you for all the contributors for this awesome looking library.

I noticed that there are components exposed for React, which is nice when integrating Uppy to a React project, however to make it easier/ncier to integrate Uppy using any framework would be using native web components. That way they could be used in vanilla JS, Angular, etc.

Writing these components manually is probably not the best idea, but luckily the people behind Ionic have been working on an awesome project called Stencil.js, which is not a framework, but a compiler. It uses a JSX-like syntax, very similar to React and outputs JS using native browser APIs, without any dependencies.

If you are interested in this idea, I might be able to help implementing some components with Stencil and to avoid duplication maybe we could just export framework specific wrappers for these native web components. For example see: https://github.com/ionic-team/ionic/blob/master/angular/src/directives/proxies.ts

[arturi]

Hi! Thanks for the suggestion, it definitely sounds very interesting! Heard some good things about Stencil.

I’d be up for trying this out in a PR. What do you think, @goto-bus-stop?

[goto-bus-stop]

A web component API seems fine but I don't think we should base the other integrations like React on it. I am hesitant to have an official web component API in this repository though because I don't think web components are particularly popular at this stage.

[arturi]

After some more discussions, the consensus from the team is that we would love to endorse a third-party web component wrapper, in our Community Projects. So please send us a link if you end up writing one! But we feel that web components are not yet popular enough, for us to maintain an “official” integration in the main Uppy repo.

[third774]

Is this worth revisiting now that compatibility is in a much better place?