{"id":997,"date":"2021-08-25T13:42:08","date_gmt":"2021-08-25T13:42:08","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=997"},"modified":"2023-10-27T07:37:07","modified_gmt":"2023-10-27T07:37:07","slug":"vwo-enhances-its-support-for-spa-frameworks","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/","title":{"rendered":"VWO support enhanced for SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js"},"content":{"rendered":"\n<p>At VWO, we believe in continuous innovation and improvement. With this mindset, we&#8217;ve just upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.&nbsp;<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p><strong>Some technical background<\/strong><\/p>\n\n\n\n<p>The latest frameworks use the concept of state-based rendering. For example, in React, whenever a change is implemented in the states, the website&#8217;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.<\/p>\n\n\n\n<p>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.\u00a0\u00a0<\/p>\n\n\n\n<p><strong>Enablement&nbsp;<\/strong><\/p>\n\n\n\n<p>VWO ensures that no explicit actions are required to enable this improvement. It&#8217;s now an in-built feature available for all <a href=\"https:\/\/vwo.com\/testing\">VWO Testing<\/a> and <a href=\"https:\/\/vwo.com\/deploy\">VWO Web Rollouts<\/a> campaigns built with the <a href=\"https:\/\/vwo.com\/why-us\/technology\/visual-editor\/\">Visual Editor<\/a>, irrespective of the framework on which your website is built.<\/p>\n\n\n\n<p>For more questions\/concerns, please feel free to reach out to <a href=\"mailto:support@vwo.com\">support@vwo.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>At VWO, we believe in continuous innovation and improvement. With this mindset, we&#8217;ve just upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.&nbsp; In order words, considering how more and more web applications are being built on the latest single-page applications (SPA)&#8230;<\/p>\n","protected":false},"author":585,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,5],"tags":[12,13],"feature":[],"industry-type":[],"class_list":["post-997","post","type-post","status-publish","format-standard","hentry","category-testing","category-deploy","tag-client-side-testing","tag-visual-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>VWO now supports SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js | VWO Product Updates<\/title>\n<meta name=\"description\" content=\"We\u2019ve upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VWO now supports SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js | VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"We\u2019ve upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-25T13:42:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T07:37:07+00:00\" \/>\n<meta name=\"author\" content=\"Nitish Mittal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\"},\"author\":{\"name\":\"Nitish Mittal\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/df1408a535a7f053b26e2c3b8f419905\"},\"headline\":\"VWO support enhanced for SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js\",\"datePublished\":\"2021-08-25T13:42:08+00:00\",\"dateModified\":\"2023-10-27T07:37:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\"},\"wordCount\":291,\"commentCount\":0,\"keywords\":[\"Client Side Testing\",\"Visual Editor\"],\"articleSection\":[\"VWO Testing\",\"VWO Web Rollouts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\",\"name\":\"VWO now supports SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js | VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"datePublished\":\"2021-08-25T13:42:08+00:00\",\"dateModified\":\"2023-10-27T07:37:07+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/df1408a535a7f053b26e2c3b8f419905\"},\"description\":\"We\u2019ve upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VWO support enhanced for SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\",\"url\":\"https:\/\/vwo.com\/product-updates\/\",\"name\":\"VWO Product Updates\",\"description\":\"Just another VWO site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vwo.com\/product-updates\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/df1408a535a7f053b26e2c3b8f419905\",\"name\":\"Nitish Mittal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/08\/nitish.jpeg\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/08\/nitish.jpeg\",\"caption\":\"Nitish Mittal\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VWO now supports SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js | VWO Product Updates","description":"We\u2019ve upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/","og_locale":"en_US","og_type":"article","og_title":"VWO now supports SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js | VWO Product Updates","og_description":"We\u2019ve upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.","og_url":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/","og_site_name":"VWO Product Updates","article_published_time":"2021-08-25T13:42:08+00:00","article_modified_time":"2023-10-27T07:37:07+00:00","author":"Nitish Mittal","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/"},"author":{"name":"Nitish Mittal","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/df1408a535a7f053b26e2c3b8f419905"},"headline":"VWO support enhanced for SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js","datePublished":"2021-08-25T13:42:08+00:00","dateModified":"2023-10-27T07:37:07+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/"},"wordCount":291,"commentCount":0,"keywords":["Client Side Testing","Visual Editor"],"articleSection":["VWO Testing","VWO Web Rollouts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/","url":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/","name":"VWO now supports SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js | VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"datePublished":"2021-08-25T13:42:08+00:00","dateModified":"2023-10-27T07:37:07+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/df1408a535a7f053b26e2c3b8f419905"},"description":"We\u2019ve upgraded our core javascript library to enhance support for the latest javascript frameworks and provide a seamless experience to all VWO users.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/vwo-enhances-its-support-for-spa-frameworks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"VWO support enhanced for SPA frameworks like React, Gatsby, Next.js, Angular, Vue.js"}]},{"@type":"WebSite","@id":"https:\/\/vwo.com\/product-updates\/#website","url":"https:\/\/vwo.com\/product-updates\/","name":"VWO Product Updates","description":"Just another VWO site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vwo.com\/product-updates\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/df1408a535a7f053b26e2c3b8f419905","name":"Nitish Mittal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/08\/nitish.jpeg","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/08\/nitish.jpeg","caption":"Nitish Mittal"}}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/users\/585"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/comments?post=997"}],"version-history":[{"count":4,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/997\/revisions"}],"predecessor-version":[{"id":2387,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/997\/revisions\/2387"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=997"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=997"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}