I have been reading a lot for quite a long time regarding PWAs from different resources (Google, Ionic, Open Source Contributor, Whitepapers from Gartner, and others…)
But I am confused about the role of stencil in the PWA, as it’s mentioned that stencil mainly is a design system used for building web components that will work in an efficient manner for all platform types while handling the lazy loading setup, code splitting, and optimize the bundle size of the final product
While on the other hand, the Ionic framework is the actual UI system holds all the components built as web components from stencil compiler and with addition for integrations with popular frameworks like (Angulat, React, and Vue).
However, there is a way to build the ionic app as PWA from the docs, but there is a way also to build pwa from stencil using either (App selection type, or ionic-pwa) when we run
npx create-stencil ionic-pwa
So what are the difference between those too, and keep in mind that as per Ionic team announcements the Stencil project is intended only for designing and building web components and the rest of the actual work is done on the ionic side.
Another sentence from ionic team is
The Ionic PWA Toolkit also provides our recommended setup for building production ready
PWAs with Ionic, including the open source Stencil (an open source project from the Ionic
team) for your app logic and the open source Ionic Framework for your user interface.
So how come Stencil is used for handling the app logic while stencil should not be used like this?
Please correct my understanding.
And many thanks for you all…