Proposal: Better Options for re-writing grid weblets

[MohamedElmdary]

Clarification! what grid weblets exactly are ?
Simply grid weblets are just regular custom web components created using svelte allow the use to inject some scripts with some html tags to provide a fully functional solution Deployer .

So why should we re-write it if svelte working ?
Basically, Svelte is not that great when it comes to web component as it doesn't provide a great support for binding with custom elements and sots not working great so you might have a fully working code on development but by the time you build it ... won't work exactly the same

What is the other options for re-writing this project ?

1. Polymer3
2. Lit
3. Stencil *

As you might expect Stencil is highlighted ** Created by ionic-team **
Simply, Stencil provide a great support for building custom elements with supporting for shadow dom & light dom
Light Dom ? you can say it's almost the same behaviour as ShadowDom but without shadowRoot
**Why would we care about light dom ? ** no shadowRoot = global styling is allowed so we can use bulma or any other ui library without importing it in every single component as before

What else can we use as ui framework with stencil ?
After discussing with @abom we found ionicframework would be a good pick for this project as it created by the same team and have native support for stencil also it's using custom web components as it's base structure.

So our best option to re-write grid_weblets using Stencil + ionic ui framework

[MohamedElmdary]

Angular + material angular is also a strong option ... here is example showing profile manager & k8s & list
https://mohamedelmdary.github.io/ng-grid-weblets/

[abom]

IMHO, angular and material design components would be the better option here with full support for forms, validations...etc and a better support for web components as a build output.