{"version":"1.0","provider_name":"Sketch2React Blog","provider_url":"https:\/\/sketch2react.io\/blog","title":"How our Previewer App works - Sketch2React Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Gk461yc2dZ\"><a href=\"https:\/\/sketch2react.io\/blog\/how-our-previewer-app-works\/\">How our Previewer App works<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/sketch2react.io\/blog\/how-our-previewer-app-works\/embed\/#?secret=Gk461yc2dZ\" width=\"600\" height=\"338\" title=\"&#8220;How our Previewer App works&#8221; &#8212; Sketch2React Blog\" data-secret=\"Gk461yc2dZ\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/sketch2react.io\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","description":"Here\u2019s a brief article on how to use our magical Previewer App that we secretly call Batman Ninja. ? Since you do all of the setup and designing inside of Sketch you will at some point want to see how it actually looks in code. That\u2019s when you fire up our awesome Previewer App (web&hellip;&nbsp;Read More &raquo;","thumbnail_url":"https:\/\/cdn-images-1.medium.com\/max\/2560\/1*_w_0-gH31D7dOuglMz8uKg.jpeg"}