{"version":"1.0","provider_name":"Sketch2React Blog","provider_url":"https:\/\/sketch2react.io\/blog","title":"Sketch app + weird layer names = React code!? - Sketch2React Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"el3mJtt8mP\"><a href=\"https:\/\/sketch2react.io\/blog\/sketch-app-weird-layer-names-react-code\/\">Sketch app + weird layer names = React code!?<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/sketch2react.io\/blog\/sketch-app-weird-layer-names-react-code\/embed\/#?secret=el3mJtt8mP\" width=\"600\" height=\"338\" title=\"&#8220;Sketch app + weird layer names = React code!?&#8221; &#8212; Sketch2React Blog\" data-secret=\"el3mJtt8mP\" 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":"If you\u2019ve come in contact with Sketch2React or Stratos chances are big that you\u2019ve also encountered the weird layer naming convention a.k.a. our markup. It might seem strange and hard to learn, but in this article I\u2019ll explain why we use the markup and flatten the learning curve a bit by showing you that it&hellip;&nbsp;Read More &raquo;","thumbnail_url":"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/6b1e6-10np-hsvrub2jstfwkaswig.png"}