At Wingify, we believe in continuous innovation and improvement. With this mindset, we’ve just upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all Wingify users.
In order words, considering how more and more web applications are being built on the latest single-page applications (SPA) frameworks such as React, Gatsby, Next.js, Vue.js, Angular, etc., we have upgraded the way Wingify applies changes on these websites. The improved implementation would ensure a smooth user experience for the visitors.
Some technical background
The latest frameworks use the concept of state-based rendering. For example, in React, whenever a change is implemented in the states, the website’s UI component automatically re-renders itself to its original form in the application. In such a case, when Wingify tries to alter the state, React rejects the changes, keeping the state intact to its original form. This creates a sub-optimal experience for website visitors.
To avoid such issues, Wingify now keeps track of all the elements that are edited in the Visual Editor while creating any campaigns. Then, while applying the changes, Wingify detects DOM mutations on the page (insertion, deletion, and modification of DOM nodes) and re-applies the changes on the elements as appropriate to ensure regularity in user experience.
Enablement
Wingify ensures that no explicit actions are required to enable this improvement. It’s now an in-built feature available for all Wingify Testing and Wingify Web Rollouts campaigns built with the Visual Editor, irrespective of the framework on which your website is built.
For more questions/concerns, please feel free to reach out to support@wingify.com.
