Ionic vs Capacitor, where most of the components are bespoke

I’m working on a mobile/tablet-only app and currently using Vue, wrapped with Capacitor. The reason for this is that the app includes a lot of components that are quite different to those that come out-of-the-box with Ionic, so it made sense to develop my own component library.

However, there are some Ionic widgets that I would like to use (such as pull-to-refresh and transitions).

So, firstly, is there a way that I can use aspects of Ionic without pulling in the entire framework?

If not, would it better to rebuild the project in Ionic and

a) override the styles of the existing components more rigourously or
b) create my own components and steer clear of the majority of the in-built ionic ones?

On b), does anyone have a resource for the steps to do this? Nearly all of the “build your own Ionic component” tutorials that I’ve come across have been for Angular.

Thanks!

There is stencil: https://stenciljs.com/. But why reinvent the wheel? just use ionic components to save you time.

1 Like