-
WCFactory
A factory that churns out web components, library agnostic with a unified development, testing, and build to production pipeline.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
So the goal was to create a reusable web comment to promote a product. This web component needed to support Lazy Loading, Slots, and user customization using props. Originally I tried to use wcfactory to create the skeleton for my web component but the tooling is currently not compatible with windows. So I had to use the backup.... open w-c.
To support the design pattern lazy loading I extended the IntersectionObserverMixin class from ELMNS. (Check it out here). Within my own code, all I had to do was make sure I import it, extend it, and conditionally render my HTML based on if the element is visible using a property from the IntersectionObserverMixin called elementVisable.