VWO Logo
Request Pricing
Dashboard

VWO support enhanced for SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js

At VWO, 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 VWO 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 VWO 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 VWO 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, VWO now keeps track of all the elements that are edited in the Visual Editor while creating any campaigns. Then while applying the changes, VWO 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 

VWO ensures that no explicit actions are required to enable this improvement. It’s now an in-built feature available for all VWO Test and VWO Deploy 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@vwo.com.

Subscribe for VWO Product Updates

Be the first to know. Stay on top of the latest VWO features and releases. You will also be invited to try our exciting beta features in the works!

A value for this field is required.

Thank you!

Check your inbox for the confirmation mail

All you Need to Know About Conversion Optimization Get the Guide