Solid App to Web Component (js file) | SolidJS | Page 1

buoyant finch Apr 1, 2023, 8:45 AM

#

I'm making a single page app in solid and Vite.

Can I build my entire solid component to Web Component (single js file) ?

I don't want to change each component to web component, i have a lot of components.
Should I change each component to web component manually?

formal viper Apr 1, 2023, 9:10 AM

#

There's solid-element.

#

You only need to export the app as a web component, if you don't want to re-use the parts in separation.

buoyant finch Apr 1, 2023, 9:15 AM

#

formal viper There's [solid-element](https://github.com/solidjs/solid/tree/main/packages/soli...

Is this right? It doesn't work.

formal viper Apr 1, 2023, 9:17 AM

#

You need to register the custom element in the JSX namespace.

#

I don't know what the error for '.MyApp' could be.

#

https://playground.solidjs.com/?version=1.4.1#NobwRAdghgtgpmAXGGUCWEwBowBcCeADgsrgM4Ae2YZA9gK4BOAxiWGjIbY7gAQi9GcCABM4jXgF9eAM0a0YvAOR0ANmhEBaAFZkA9AHc4AIyUBuADoQrM+hGa40tCLwAqcMrgAUASn5XeQThcJhcvAMDeAB4APgjI6Jh8TThVOHgIPkJ5QkQZWloAXhAlAAtU1VolSRiovSSUtIzcOJdIutbAn0sISSsrIVFxL19eQpjo909ePRisXhFaZnpmgDoAc2CAUSbhXAAhfABJES8lKEJCJR8AQh9++1UoMjJeAFl8HfS93jgKXGEIleAAlXG8ADJfZr+NrZNAANygAN4AH18rRELwICtjOIxrwACwAJh6EU2fHRowEQhCjBcuFKaDIqzRBTMUgiZGCsgKXnhmOxMFxjD8IHivAZTJZ6Px8J6CUlzMGYkYvnlHOsbWYzk8jHoDm4VPFZHoxFV3XFitWSNwUGYpQAyqUoIsDF4QDBaGJMUpaMQINULW1AlblcMg4E+prAmHzTCFYzmWRna6AEoFXA3VYYCDiUEQ-EAAyipQAjDFgRVaLwACQgK3oyQl8uF9VRqPLTwKKF7ZliGQYOBnBqpb6ZJTzD49zJBqxiZhPIS8daVYxQVTx3gYAGMGR2uC8fOQ3aZVxQdYAOVgcDeF03gQsKGSo+aj8xU5PuDbVijc7gC6gJdPREeg0mUNQNB0MglE3aB4DIQh914AApB0AA17wlIgD2nXAAAUcjIKJXAmQpMMCPQ9F4ABBEQRF4YxaAZCVyl+T8VF4bI4AHCg4Ho7I-XERwPF4KBRBYg8bUYNBjHoAEyHFQJgAAaS3FwAGs4HwWgZDcABdTECL9IjXBUvSJgAMkPMFwWo3BcGk2T5OIsyYnVSNxUo3gCO4tBeNedcNwEs1hNeAw0GYwtgsQQsJWrVBcHtXgHVodQRA44KhPwXguXsjB1hy-BMigChLWw7zCOI0jyN4FS1N4TTtN01xRNeKKckQOtdXy3grOUyRCz0gB+TFTOUvT3I1BJt3EPdWF4I5MmkiAyDQZhcNeP4AVEV5cKMwgiKPXCz0va9b0ICYxWDKaNSjMBJD0oA

Solid Playground

Quickly discover what the solid compiler will generate from your JSX template

buoyant finch Apr 1, 2023, 9:26 AM

#

formal viper https://playground.solidjs.com/?version=1.4.1#NobwRAdghgtgpmAXGGUCWEwBowBcCeADgs...

It doesn't show web component example...

formal viper Apr 1, 2023, 9:27 AM

#

Oh, sorry, outdated link, I suppose.

#

It's from here: https://github.com/solidjs/solid/issues/616#issuecomment-1144074821

GitHub

Declare web component in solid typescript · Issue #616 · solidjs/so...

have been tried implement web component in solid typescript but i dont really know how to declare the component name, it show an error like this. i have tried to declare it on file declaration.d.ts...

#Solid App to Web Component (js file)