When building modern mobile apps, image handling plays a crucial role in user experience and performance. Whether it's a social feed, media gallery, or product listing—rendering images efficiently can make or break your app’s smoothness.
In this post, we’ll compare and understand why Enhanced Picture Component over the Old Picture Component.
WaveMaker Studio 11.11 brings smarter tools, cleaner workflows, and a more intuitive experience. This release focuses on performance and a future-ready architecture.
You’ll see major improvements to the Studio Canvas, a fully revamped Changes View for cleaner migrations, and a shift to standalone components in Angular for more modern, maintainable apps. On top of that, this release includes optimization tools, UI flexibility, and critical bug fixes—making 11.11 one of our most packed and purposeful updates yet.
Let’s walk through what’s new in 11.11.
WaveMaker has enhanced its Wizard component to better handle steps that require checking information from a server before moving forward. In general, Next callback allows developers to determine whether the user can proceed to the next step.
WaveMaker Studio now features dynamic browser titles, enhancing navigation and usability. Introduced in version 11.11.0, this update allows the browser tab title to reflect the current module, page, or action within the Studio, providing immediate context and making it easier to manage multiple open tabs.
This enhancement is to improve developer user experience by providing immediate context and making it easier to manage multiple open tabs.
WaveMaker's Wizard widget now offers dynamic features for building flexible, multi-step forms.
WaveMaker Dynamic Wizard widget offers the following benefits.
WaveMaker Studio v11.11 introduces significant enhancements to the Canvas, delivering a true What You See Is What You Get (WYSIWYG) experience. This update ensures that the design view in the Studio closely mirrors the live application.
The Canvas is the primary workspace where developers design and arrange UI components. Previously, inconsistencies between the Canvas and the live application led to confusion and additional adjustments.
With the latest improvements, the design-to-preview workflow becomes more seamless, allowing developers to build interfaces with greater confidence and efficiency.
We have transitioned from Module-based architecture to Standalone components to shape the performance and maintainability of our application for years to come.
Module-based setup – A structure where code is organized into grouped modules.
Standalone components – Independent building blocks in Angular that don't require modules.
In Angular's early stages, modules were introduced to manage growing application complexity. As Angular evolved, especially with the introduction of Standalone components, the need for explicit module declarations became less necessary, simplifying application architecture.
Now, with standalone components, you don’t need to group everything into modules. This makes the app setup simpler and more flexible.
WaveMaker has enhanced the app preview feature to make it more user-friendly. Previously, clicking Preview opened the app in a pop-up window, requiring extra steps like removing toolbars, copying URLs, and opening new tabs. Now, starting with version 11.11, clicking Preview opens the app directly in a new browser tab.
Large Angular application bundles can slow down load times and degrade app performance, especially on slower networks. A common cause is unused localization files from libraries like Moment.js, @angular/global, and FullCalendar. These libraries often include support for multiple languages by default, but many applications only require a subset of them.
By removing these unused files, developers have achieved significant reductions in bundle size—up to 35% for Moment.js and 98% for @angular/global—resulting in faster load times and an improved user experience.
WaveMaker Studio now separates your code edits (User Changes) from system-generated updates (Migration Changes). This update provides improved visibility, clarity, and control over project changes, making it easier to manage your work during platform upgrades.
Previously, WaveMaker Studio's View Changes combined both user and migration changes in a single view. This often caused confusion and made it difficult to tell apart manual edits from automatic updates. In some cases, reverting critical migration changes — especially in files like pom.xml and build.xml — led to build failures and unnecessary debugging.