Describe how lazy loading should be used in other projects about stencil-site HOT 5 CLOSED

Also @dimi-nk , for why we have lazy loading built in I would recommend checking out https://www.youtube.com/watch?v=7vUs5yOuv-o&t=1021s . Just to explain a little bit about how it works. The tiny 5kb Stencil loader file registers what components might be used in your browser when it is loaded. Then, when and only when, that element hits the dom it loads the actual implementation of the component and renders. This means that if you use a component in your app, but its a few pages deep in the app, the JS for that component will not be loaded until the user goes to that page. This means that for the first view of your app, only the JS needed for components on that first page will be loaded. Hope this explains thing (:

from stencil-site.

Hey @dimi-nk , thanks for opening an issue with us. Have you seen these docs https://stenciljs.com/docs/angular-integration on how to use web components built with Stencil in an Angular project?

from stencil-site.

@jgw96 as far as I can see, @kensodemann did the commit right after I posted this question. Either it was a diabolical coincidence or he used my solution for the guide (they do look quite similar). Either way it's fine, but on the time when I asked this question there was nothing on the guide. I had a chat on the slack channel about this and finally understood it. The issue was more so that others don't get the same question as I did ;)

from stencil-site.

BTW, when visiting the site again, I couldn't see the angular-integration section (even though it worked on the direct link posted before). I had to clear clear my cache to see it. Maybe check your cache busting strategy.

from stencil-site.

@dimi-nk Sorry about that, didn't realize the timing on this issue. That doc was actually up before but was called something different. Ill check the cache strategy. Thanks for using Stencil!

from stencil-site.