Code Generation
Keeping it Real for Serious Coders
WaveMaker generates reusable code for both Angular and React Native, two popular frameworks for building web and mobile applications. Here are aspects of WaveMaker code generation architecture that make it fit for long-lived enterprise application development.
WaveMakerWaveMaker

WaveMaker is a scalable accelerator platform that enables developers to rapidly build enterprise-grade applications with minimal coding as well as maximal control. While many developer accelerator platforms provide out-of-the-box widgets and templates to quickly build common enterprise applications, few allow developers to hyper-customize or custom code the behavior of components and build killer features. The key to such a developer experience is its code generation architecture, because developers love control over code and use it as a playground for innovation.

WaveMaker generates reusable code for both Angular and React Native, two popular frameworks for building web and mobile applications. Here are aspects of WaveMaker code generation architecture that make it fit for long-lived enterprise application development:

Developer Friendly
Angular code is generated for web apps using simple design principles that Angular developers easily understand. WaveMaker’s open source UI library is used for all UI components and the styles are compatible with Material 3 Design System.
Secure and Performant
Each page is generated as a component with isolated scope, routing and security (auth guards). Code generated follows security best practices and is certified with tools such as Veracode and SonarQube. The platform also takes care of minimizing the payload sizes using build-time features like tree-shaking and minification.
Customizing and Extending
Developers may customize event handling for page and component life-cycle events using JavaScript. Custom validators may be plugged-in to form components for data validation before submitting.
Bring in Angular components
Developers may bring their Angular components by wrapping them with prefabs that integrate seamlessly into the existing WaveMaker project, offering complete control over configuration, event handling and isolation.
Easy to deploy onto a CDN
Web app frontend code in Angular may be deployed separately as static assets to a CDN. This payload is optimized to load faster by configuring the cache headers and fingerprinting needs to be configured to support loading incremental versions of WaveMaker releases.
WavemakerWavemaker
Benefits of WaveMaker code generation approach
  • Reduced development time: WaveMaker can generate code and artifacts for an entire application using Angular, saving developers days or even weeks of work.
  • Code ownership: The code generated is Angular code that can be integrated with the version control system, maintained and enhanced without platform dependency.
  • Improved code quality: WaveMaker generates code using pre-tested components which are adopted widely by enterprises, ensuring that applications are reliable and stable.
  • Increased developer productivity: WaveMaker allows developers to focus on the business logic of their applications, rather than spending time writing boilerplate code