{"id":96,"date":"2018-12-14T15:49:15","date_gmt":"2018-12-14T14:49:15","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2018\/12\/14\/what-the-heck-is-sketch2react-anyway\/"},"modified":"2020-06-18T07:42:38","modified_gmt":"2020-06-18T07:42:38","slug":"what-the-heck-is-sketch2react-anyway","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/","title":{"rendered":"What the heck is Sketch2React anyway?"},"content":{"rendered":"<blockquote><p>A very brief visual introduction to what Sketch2React is\u00a0anyway\u2026<\/p><\/blockquote>\n<p>Let\u2019s begin!<\/p>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg\"><figcaption class=\"wp-caption-text\">And these rules you must follow\u2026?<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*XiN6ct6e0ErMgD27hGz6ag.jpeg\"><figcaption class=\"wp-caption-text\">You probably already own it since it\u2019s still King of the\u00a0Hill<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*-y2njHlRZM9rU8tmUMRj9A.jpeg\"><figcaption class=\"wp-caption-text\">Super important! You can have several <strong>Pages<\/strong> in your Sketch doc but the one that goes to code MUST be named <strong><em>Start\u00a0here<\/em><\/strong><\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*sJE4867IGWb65f1IIClc4Q.jpeg\"><figcaption class=\"wp-caption-text\">All other Artboards can be named whatever but try to think like your building web pages here (which you are) so no strange special characters<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*qAWDTB41trUQ8jyaiEGktQ@2x.jpeg\"><figcaption class=\"wp-caption-text\">Good news is you can restyle them\u00a0?<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*8_l9SogRYQrzcC1Z729aBQ.jpeg\"><figcaption class=\"wp-caption-text\">And that my friends is super\u00a0awesome<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*n-T3Dkxvi_1tpPxGs2F6xA.jpeg\"><figcaption class=\"wp-caption-text\">Sign up to our free beta to get our Code\u00a0App<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*sNWDMLvNW7VngI9qPdUMHQ.jpeg\"><figcaption class=\"wp-caption-text\">Yes we have and we add new stuff all the\u00a0time<\/figcaption><\/figure>\n<hr>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"1080\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*0rhoyRz5pDPSyu439C8TSA.jpeg\"><figcaption class=\"wp-caption-text\">Start just fooling around, don\u2019t take things too seriously<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A very brief visual introduction to what Sketch2React is\u00a0anyway\u2026 Let\u2019s begin! And these rules you must follow\u2026? You probably already own it since it\u2019s still King of the\u00a0Hill Super important! You can have several Pages in your Sketch doc but the one that goes to code MUST be named Start\u00a0here All other Artboards can be&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">What the heck is Sketch2React anyway?<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"","bgseo_robots_follow":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[168],"tags":[29,81,82],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-design","tag-learn","tag-learning-to-code"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What the heck is Sketch2React anyway? | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What the heck is Sketch2React anyway? - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"A very brief visual introduction to what Sketch2React is\u00a0anyway\u2026 Let\u2019s begin! And these rules you must follow\u2026? You probably already own it since it\u2019s still King of the\u00a0Hill Super important! You can have several Pages in your Sketch doc but the one that goes to code MUST be named Start\u00a0here All other Artboards can be&hellip;&nbsp;Read More &raquo;What the heck is Sketch2React anyway?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-14T14:49:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:42:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg\" \/>\n<meta name=\"author\" content=\"Juan Maguid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Maguid\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"What the heck is Sketch2React anyway?\",\"datePublished\":\"2018-12-14T14:49:15+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\"},\"wordCount\":134,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg\",\"keywords\":[\"Design\",\"Learn\",\"Learning To Code\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\",\"name\":\"What the heck is Sketch2React anyway? - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg\",\"datePublished\":\"2018-12-14T14:49:15+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What the heck is Sketch2React anyway?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sketch2react.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\/\/sketch2react.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\",\"name\":\"Juan Maguid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g\",\"caption\":\"Juan Maguid\"},\"url\":\"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What the heck is Sketch2React anyway? | Sketch2React Blog","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:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/","og_locale":"en_US","og_type":"article","og_title":"What the heck is Sketch2React anyway? - Sketch2React Blog","og_description":"A very brief visual introduction to what Sketch2React is\u00a0anyway\u2026 Let\u2019s begin! And these rules you must follow\u2026? You probably already own it since it\u2019s still King of the\u00a0Hill Super important! You can have several Pages in your Sketch doc but the one that goes to code MUST be named Start\u00a0here All other Artboards can be&hellip;&nbsp;Read More &raquo;What the heck is Sketch2React anyway?","og_url":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/","og_site_name":"Sketch2React Blog","article_published_time":"2018-12-14T14:49:15+00:00","article_modified_time":"2020-06-18T07:42:38+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"What the heck is Sketch2React anyway?","datePublished":"2018-12-14T14:49:15+00:00","dateModified":"2020-06-18T07:42:38+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/"},"wordCount":134,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg","keywords":["Design","Learn","Learning To Code"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/","url":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/","name":"What the heck is Sketch2React anyway? - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg","datePublished":"2018-12-14T14:49:15+00:00","dateModified":"2020-06-18T07:42:38+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*e0-_lzGf1RkLvn1vGgOtGg.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/what-the-heck-is-sketch2react-anyway\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"What the heck is Sketch2React anyway?"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e","name":"Juan Maguid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eac199ca87b7cbb76863825e2f447fafd34ac3b7c4a03c94f499103333c24832?s=96&d=wavatar&r=g","caption":"Juan Maguid"},"url":"https:\/\/sketch2react.io\/blog\/author\/sketch2react\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":394,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/96\/revisions\/394"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}