PREFAB UI BROWSER CODE

PREFAB UI BROWSER CODE

The source code is also shared for reference.Д«efore importing the Angular based Web Component into WaveMaker Prefabs/Projects, please validate that the components have no render issues or errors by including them in an plain HTML files. The developers with Angular or React based components can leverage them in the WaveMaker project by exporting them as Web Components & importing through Prefabs.This documentation helps you understand the process with the help of Sample Component( PosterWidget) developed in both React & Angular. Its recommended to refer documentation to know more about Prefabs in detail. WaveMaker supports the use of Web Components inside its projects & recommends its integration through Prefabs. Most of the modern javascript frameworks have support for packaging the components as Web Components. As mentioned earlier, WaveMaker works greatly with Open Standards thus with Web Component/Custom Elements as well. It relies on standard browser APIs such as CustomElements, Shadow DOM enabling its support across browsers & frameworks. Web Components is one of such open standards. Inorder to make these components work across web, it needs to be converted into a framework agnostic module. The components developed in one of the js frameworks are normally not compatible with other frameworks and cannot be directly used inside standard HTML markup with framework or build bundles. The developers can include jquery based ui plugins, visualization libraries or any other javascript based code units to extend or complement the rich component library provided by the WaveMaker framework.

WaveMaker framework is a pure javascript based runtime, making it compatible with most of the open web standards.

Prefab ui browser