{"id":110,"date":"2018-10-25T09:13:26","date_gmt":"2018-10-25T07:13:26","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2018\/10\/25\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/"},"modified":"2020-06-18T07:42:38","modified_gmt":"2020-06-18T07:42:38","slug":"when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/","title":{"rendered":"When to use Sketch2React\u200a\u2014\u200awe ?"},"content":{"rendered":"<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg\"><br \/>\n<\/figure>\n<p>Here\u2019s a couple of totally made up (but oddly logical) use cases for when to use our free framework. Also this is a very good way to get started if you haven\u2019t already.<\/p>\n<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*TcTp5M3ZxVEQBYko.jpg\"><br \/>\n<\/figure>\n<h3>Case 1\u200a\u2014\u200aYou\u2019re the only developer in your\u00a0company<\/h3>\n<p><strong><em>We think this scenario is one of the most common ones.<\/em><\/strong> We also strongly believe that our framework is perfect for you since quite a few design studios have many designers but few developers (<em>if any<\/em>). So <strong>convert your designers to semi-devs!<\/strong> ???\u200d? This may first seem like an equally great idea as say, global warming, but just bare with us for a moment. Open your mind and listen maaaan. Yes there will be some pain but after pain comes joy!<\/p>\n<h4>Your designers will\u00a0learn<\/h4>\n<ul>\n<li>The <strong>basics of the Bootstrap grid<\/strong>\n<\/li>\n<li>How they can use that awesome grid <strong>directly from inside of Sketch<\/strong>\n<\/li>\n<li>How they themselves can try out <strong>advanced responsive layouts that are real<\/strong>\n<\/li>\n<li>How to <strong>style components <\/strong>(the ones we currently support) directly from inside Sketch<\/li>\n<\/ul>\n<h4>You will\u00a0then<\/h4>\n<ul>\n<li>Be able to <strong>save tons of time<\/strong> (once you all have learned our framework)<\/li>\n<li>Be able to take your designers work even further with your code expertise<\/li>\n<\/ul>\n<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*sOGhpofGeckjGL8S.jpg\"><br \/>\n<\/figure>\n<h3>Case 2\u200a\u2014\u200aThe Jack of All Trades Freelancer\/Employee<\/h3>\n<p>We think you understand a whole lot about everything from design processes, UX\/UI design to development. You also get bored very easy. But that\u2019s something to work on elsewhere, take that up with your therapist.<\/p>\n<p>But we have happy news for you! If you already use Sketch, and have this background, this is Xmas old friend.<\/p>\n<h4>You can\u00a0now<\/h4>\n<ul>\n<li>\n<strong>Design AND develop<\/strong> a lot of web projects directly from inside of Sketch<\/li>\n<li>Iterate until you bleed using our <strong>Previewer App<\/strong>, where most of the magic stuff becomes reality.<\/li>\n<li>\n<strong>Export all of your code directly from our Previewer App<\/strong> and copy+paste into whatever you use for development. All of our output is sweet HTML5 Bootstrap powered awesomeness. And soon you will also be able to export to React code + components. See miracles <em>do<\/em> happen.<\/li>\n<\/ul>\n<figure>\n<p><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/0*Q0ZTzXLaYv4VH_zS.jpg\"><br \/>\n<\/figure>\n<h3>Case 3\u200a\u2014\u200aYou work at a big company with many designers<\/h3>\n<p>Since Sketch is still (fall of 2018) a pretty big player in the field of design and development, big chance is that you\u2019re still using it. Or at least, you have A LOT of painfully detailed design files that you desperately need in your day to day job.<\/p>\n<p>Sure you can copy + paste those into any other major player in the field (XD, InVision Studio, Framer, Figma etc) but wait just a few moments.<\/p>\n<h4>Hook Sketch2React into your workflow\u00a0by<\/h4>\n<ul>\n<li>Learning just the basics of <em>container<\/em>, <em>row, col<\/em> by studying our <a href=\"https:\/\/sketch2react.io\/resources.php\" target=\"_blank\" rel=\"noopener noreferrer\">demo files<\/a>. Start with the one called <a href=\"https:\/\/sketch2react.io\/resources\/S2RWireframeDemo.zip\" target=\"_blank\" rel=\"noopener noreferrer\">Wireframe Demo<\/a>.<\/li>\n<li>To speed up your learning process focus on <strong>these few components:<\/strong>\n<\/li>\n<li>\n<strong>{text}<\/strong>\u200a\u2014\u200aconverts all of your text styles into styled HTML5 text<\/li>\n<li>\n<strong>{image}<\/strong> or {<strong>image-fixed}<\/strong>\u200a\u2014\u200afor all of your vector assets inside of Sketch that are not an icon font<\/li>\n<li>Study one interactive element, for example, <strong>{button-primary}<\/strong> and re-style it to your liking. Remember to <strong>not rename the folder<\/strong> containing all the crucial button elements. <strong>But! <\/strong>You can rename the Symbol itself ???<\/li>\n<\/ul>\n<h3>Case 4\u200a\u2014\u200aWe are\u00a0unique<\/h3>\n<p>As of today (<em>25th of October of 2018<\/em>) there is no single tool or framework that lets you design things inside of Sketch and output responsive Bootstrap code for free.<\/p>\n<blockquote><p>There\u2019s a reason for that\u200a\u2014\u200ait\u2019s a monumental task but one we have cracked.<\/p><\/blockquote>\n<p>There\u2019s also no one that lets you access that code for further editing elsewhere.<\/p>\n<p><strong>So right now, we\u2019re totally unique.<\/strong> Of course, that can change. Say that Bohemain Coding goes and does something similar to what the people behind Framer are doing with Framer X.<\/p>\n<p>Or the Vogons decide to erase Earth. Anything can happen but let\u2019s not worry about that right now. Focus on the now. Also we have an escape plan. More on that further down the road. Let\u2019s just say we are not putting all of our eggs in the same basket. Or more accurately, these eggs fit nicely into other eggs by other manufacturers. <em>Wow is this how politicians must feel all the time?<\/em><\/p>\n<h3>Ideas for\u00a0learning<\/h3>\n<p>I have talked <a href=\"https:\/\/medium.com\/sketch-app-sources\/framer-for-people-who-are-afraid-of-framer-8526eaff01ce\" target=\"_blank\" rel=\"noopener noreferrer\">about this<\/a> earlier, but I say it again. Many companies understand that happy people stay longer on the job. And when are you happy? Probably when you are learning new skills. But not under the pressure of deadlines. A great way of learning is doing it together with others, your co-workers for example. Set up some common goals, appoint a day, say Fridays between 13\u201316.00 for this. Be sure to have someone who co-ordinates things, usually this comes natural, workplaces are full of leaders and followers. One great tip is to make everyone do some homework until the next occasion, that way things get done.<\/p>\n<p><strong><em>Good luck and happy makings!<\/em><\/strong><\/p>\n<figure>\n<p><img decoding=\"async\" data-width=\"213\" data-height=\"53\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*oYKZQloiD2LdQ_-ToFwblw.png\"><br \/>\n<\/figure>\n<h4><a href=\"https:\/\/sketch2react.io\/resources\/When-to-use-Sketch2React.epub\" target=\"_blank\" rel=\"noopener noreferrer\">Download this article as\u00a0.epub<\/a><\/h4>\n<hr>\n<p><em>Words and illustrations by Juan Maguid, one half of Team Sketch2React<\/em><\/p>\n<hr>\n<p><a href=\"https:\/\/sketch2react.io\/\">https:\/\/sketch2react.io\/<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here\u2019s a couple of totally made up (but oddly logical) use cases for when to use our free framework. Also this is a very good way to get started if you haven\u2019t already. Case 1\u200a\u2014\u200aYou\u2019re the only developer in your\u00a0company We think this scenario is one of the most common ones. We also strongly believe&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">When to use Sketch2React\u200a\u2014\u200awe ?<\/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,96,39,10,97],"class_list":["post-110","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-design","tag-design-tools","tag-development","tag-sketch","tag-use-cases"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>When to use Sketch2React\u200a\u2014\u200awe ? | 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\/when-to-use-sketch2react\u200a-\u200awe-\ud83d\udcad\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"When to use Sketch2React\u200a\u2014\u200awe ? - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Here\u2019s a couple of totally made up (but oddly logical) use cases for when to use our free framework. Also this is a very good way to get started if you haven\u2019t already. Case 1\u200a\u2014\u200aYou\u2019re the only developer in your\u00a0company We think this scenario is one of the most common ones. We also strongly believe&hellip;&nbsp;Read More &raquo;When to use Sketch2React\u200a\u2014\u200awe ?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react\u200a-\u200awe-\ud83d\udcad\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-25T07:13:26+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*7_QX1W3fgpQJbTcX6GOwig.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"When to use Sketch2React\u200a\u2014\u200awe ?\",\"datePublished\":\"2018-10-25T07:13:26+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/\"},\"wordCount\":843,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg\",\"keywords\":[\"Design\",\"Design Tools\",\"Development\",\"Sketch\",\"Use Cases\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/\",\"name\":\"When to use Sketch2React\u200a\u2014\u200awe ? - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg\",\"datePublished\":\"2018-10-25T07:13:26+00:00\",\"dateModified\":\"2020-06-18T07:42:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"When to use Sketch2React\u200a\u2014\u200awe ?\"}]},{\"@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":"When to use Sketch2React\u200a\u2014\u200awe ? | 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\/when-to-use-sketch2react\u200a-\u200awe-\ud83d\udcad\/","og_locale":"en_US","og_type":"article","og_title":"When to use Sketch2React\u200a\u2014\u200awe ? - Sketch2React Blog","og_description":"Here\u2019s a couple of totally made up (but oddly logical) use cases for when to use our free framework. Also this is a very good way to get started if you haven\u2019t already. Case 1\u200a\u2014\u200aYou\u2019re the only developer in your\u00a0company We think this scenario is one of the most common ones. We also strongly believe&hellip;&nbsp;Read More &raquo;When to use Sketch2React\u200a\u2014\u200awe ?","og_url":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react\u200a-\u200awe-\ud83d\udcad\/","og_site_name":"Sketch2React Blog","article_published_time":"2018-10-25T07:13:26+00:00","article_modified_time":"2020-06-18T07:42:38+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg","type":"","width":"","height":""}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"When to use Sketch2React\u200a\u2014\u200awe ?","datePublished":"2018-10-25T07:13:26+00:00","dateModified":"2020-06-18T07:42:38+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/"},"wordCount":843,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg","keywords":["Design","Design Tools","Development","Sketch","Use Cases"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/","url":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/","name":"When to use Sketch2React\u200a\u2014\u200awe ? - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg","datePublished":"2018-10-25T07:13:26+00:00","dateModified":"2020-06-18T07:42:38+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*7_QX1W3fgpQJbTcX6GOwig.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/when-to-use-sketch2react%e2%80%8a-%e2%80%8awe-%f0%9f%92%ad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"When to use Sketch2React\u200a\u2014\u200awe ?"}]},{"@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\/110","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=110"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/110\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}