Web Components Code Generation with App Builder
The family of supported frameworks of the App Builder has grown even more. The newest member - Web Components. Now you can both download or upload to GitHub your Web Components application.
Web Components Code Generation from AppBuilder
Trying to generate code for components not available yet will put a placeholder informing that such a component is not yet supported. This makes it possible for you not to refrain from developing more complex UI in the designer.
In this article:
- Introduction of the feature
- Web Components Code generation
- Uploading an application to GitHub
- Known issues and limitations
You can now kickstart your next Web App with the App Builder for the fastest way to deliver high performance Web Components apps.
With the idea to deliver cutting-edge development tools for modern web apps, we now have not only the Ignite UI for Web Components library but also the ability to generate Web Apps built with App Builder.
But do not confuse Web Components with a framework or a rendering library because Web Components doesn’t fall into these technical categories. It’s more appropriate to see it as:
- Low Level Browser APIs
- Standard Component Interfaces
- Framework-agnostic rich user experience
Web Components Code Generation
Using the App Builder, you can now generate advanced Web Apps that benefit from using dependency-free components in a future-proof app dev strategy. When you are ready with your application go ahead and set the desired framework. Once the Web Components drop-down item is selected, you can hit "Download zip" in order to generate and download it.
If you want to have a quick look at the generated code, go to App Preview and toggle the Code View switch.
Uploading an application to GitHub
In addition to see your application in Preview mode or download it locally on the machine, there is the option for generating the full app code repository. In order to do that, simply go to the Generate app button and then connect your GitHub account to the App Builder.
Known issues and limitations
For a list of all supported components see Generate App