WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • Mobile
  • How-to
  • Enterprise
  • Releases
  • Blog
  • Sign-in

›General

Frequently Asked Questions

  • FAQs
  • Pre-requisites
  • Supported Technologies
  • WaveMaker Online Setup
  • General

    • What is a WaveMaker App?
    • What skills you need to build a WaveMaker app?
    • Simplify app development using the RAD paradigm
    • Build app using low-code approach
    • Does WaveMaker use the model-first approach or the UI-first approach for RAD development?
    • Customizing your app to your own branding standards

    Architecture

    • What application architectures does WaveMaker Apps support?
    • Explain the WaveMaker Architecture
    • Micro-Services enabled architecture

    Widgets and Services

    • Widgets in WaveMaker
    • Building Widget Extension or Custom Widgets
    • What are Backend Services?
    • How to integrate service in WaveMaker?
    • What are Databases?
    • Databases Supported by WaveMaker Platform
    • What are WaveMaker Web Services?
    • Java Services in WaveMaker

    Security

    • Enabling security for WaveMaker apps
    • Security Provided for WaveMaker Apps

    Mobile App

    • Build Responsive UI using Visual RAD Approach
    • Publishing an app to App Store
    • Can I Publish to App Store without any Limitations?

    Development and Code

    • Working with Multiple Developers
    • Libraries used to build WaveMaker App runtime
    • Editing the Generated code outside the Platform
    • Maintaining Platform Generated Code

    Licenses and other

    • Licensing Restrictions for re-distributing
    • Application Stack Upgrades
    • Is WaveMaker App scalable

Platform Concepts

  • Platform
  • Pages Concepts
  • Design Elements
  • Backend Services Architecture
  • Events life cycle in WaveMaker
  • Integration - Binding Overview
Edit

Does WaveMaker use the model-first approach or the UI-first approach for RAD development?

See the FAQs for WaveMaker app development.


A WaveMaker App is built in 3 layers, i.e. front-end UI layer, binding layer and the backend services layer. Apps can be built using model-first approach and generating the needed backend services and then composing the User Interface. Alternatively, UI widgets can be put together as a template and later be bound to the backend services to complete the business logic flows.

However, there are certain advantages with the model-first approach as the UI layer can be auto-generated from the model, cutting the development time further down. For example, a Data Table widget is auto-generated by integrating the UI actions like New, Update, Delete to automatically invoke the generated CRUD APIs of the Entity, say Employee.

A. Model-first Approach

In the Model-first approach, backend services such as Entities, and CRUD operations are auto-generated along with the source files, metadata, schema etc. The corresponding REST APIs are also generated, and the same can be used for binding.

After the backend services and the model are generated, UI layer is built by creating pages. Pages are composed with widgets and the Page Layout defines the structure of a page i.e. header, left panel, top navigation etc.

Now these widgets are integrated with the backend services using data components known as ‘Variables’. Variables can be configured to work with any backend service supported by WaveMaker. Variables are client-side components residing within the browser or client-runtime, and make use of the underlying REST APIs of the application to talk to the backend services.

B. UI-first Approach

In the UI-first approach, UI layer is composed with the widgets first and then the backend services are created to be bound with the front-end component. UI-first approach is closer to the traditional way of development, separating the UI from the backend services development. However, the low-code advantages are still applicable by using the binding approach, where UI widgets are bound to the backend services without writing any code.

See Also

FAQs

Last updated on 9/19/2019 by Swetha Kundaram
← Build app using low-code approachCustomizing your app to your own branding standards →
  • A. Model-first Approach
  • B. UI-first Approach
  • See Also
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2022 WaveMaker, Inc. All rights reserved.