Feature: What is Mirror? (Live Preview)

Introduction

Live Preview enables developers to see instantaneous feedback on any modifications they make. In this article, you will discover how Momen is transforming the no-code landscape with its cutting-edge real-time preview functionality.

Empowering Efficient Development with Real-Time Live Preview

In the development process, whether traditional code development or no-code development, it is very important to be able to see the reaction in real time. Because enterprise projects are often very large and complex, if there is no real-time preview function, it will take a lot of time to run, which will waste a lot of time and cost.

One obvious advantage Momen has over other no-code development platforms is Live Preview. It allows Momen developers to more intuitively understand their own operation and modification effect, convenient debugging, and optimization.

At the same time, when a project requires collaborative development, multiple users can see the same effect at the same time.

How Mirror Works

Here's a look at how Mirror, Momen's Live Preview, works.

Step 1: Enable the Mirror Function

1. Click the Mirror button in the upper right corner of the editor to enable the Mirror function.

2. After Mirror is enabled, different from other no-code development tools, users do not need to switch between the editor page and the preview page. You can see every step of project editing operations in real-time in the editor interface.

3. Users can drag and stretch the Mirror popup window to see the fitness of the project in different sizes, so as to realize the switch between the desktop and mobile terminal.

Step 2: Click the Buttons and Edit Seamlessly

1. In the upper right corner of the Mirror screen, there are three function buttons. The first button is auto zoom. After clicking the first button, when the mouse leaves the mirror screen, the mirror screen will shrink proportionally, so as not to prevent users from editing items.

2. The second button is the refresh button. This button is used less frequently by users because Momen Mirror already provides real-time feedback like a mirror. Mirror can give feedback quickly and accurately on all the editing behaviors done by users when editing projects. In addition, Mirror can accurately capture the intermediate state when users add, delete or modify components or behaviors or conduct in-depth editing without refreshing or switching back and forth between the editing and preview interfaces for secondary confirmation.

3. The third button is to pop up the window. After clicking, the user can open the Mirror in the browser and restore the online running state.

Mirror is Momen's signature feature, which offers instant feedback as you build your app, ensuring that any changes made are immediately visible, and keeping you on the right path throughout the development process.

It provides instant feedback that sets you right on track when editing your project. Any changes made to your page will show on the Mirror in no time. No need to wait for deployment each time you make a change to check out how it looks.

About Momen

Momen is a no-code web app builder, allows users to build fully customizable web apps, marketplaces, Social Networks, AI Apps, Enterprise SaaS, and much more. You can iterate and refine your projects in real-time, ensuring a seamless creation process. Meanwhile, Momen offers powerful API integration capabilities, allowing you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions and get your web app products to market faster than ever before.