{"id":632,"date":"2020-11-16T09:05:24","date_gmt":"2020-11-16T08:05:24","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=632"},"modified":"2020-12-16T10:35:08","modified_gmt":"2020-12-16T09:35:08","slug":"the-brand-new-sketch2react-2020-is-here","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/","title":{"rendered":"The brand new Sketch2React 2020 is here!"},"content":{"rendered":"\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">Finally after much hard work the last couple of months we are very proud to announce the release of the brand new <a href=\"https:\/\/marketplace.sketch2react.io\/product\/sketch2react\/\">Sketch2React 2020<\/a> ? ? That also marks the release of our own <a href=\"https:\/\/marketplace.sketch2react.io\" target=\"_blank\" rel=\"noopener noreferrer\">marketplace<\/a>, something that we have only dreamt about in the past. Owning the whole chain of software ? customer gives us room to grow, try things, experiment and most importantly, have <strong>one channel<\/strong> for delivery of all our apps, templates and other goodies.<\/p>\r\n<h2 class=\"\">New in Sketch2React 2020 ?<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\">\r\n<p class=\"mod-reset\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"640\" class=\"wp-image-628\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/s2r-newui-1.gif\" alt=\"Great Scott it looks awesome! ?\u2764\ufe0f\"><\/p>\r\n<figcaption>Great Scott it looks awesome!<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\" style=\"padding-bottom: 16px;\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<ul class=\"wp-block-list\" style=\"padding-bottom: 1em;\">\r\n<li>New fresh UI ?<\/li>\r\n<li>Drag and drop support is back ?<\/li>\r\n<li>\u2318R to reload the entire Sketch file ? ?<\/li>\r\n<li>Update of our React export \u269b\ufe0f<\/li>\r\n<li>The license supports installation on four different computers ?<\/li>\r\n<li>Sketch2React 2020 is 100% backward compatible with the previous version of our app (v1.6.8)\u2705<\/li>\r\n<li>macOS Big Sur support! (requires v70 of Sketch app)&nbsp;<\/li>\r\n<\/ul>\r\n<p class=\"\">Let\u2019s break down all of the new features one by one, with the ones that we\u2019re most excited about first. With pictures &amp; GIFs!<\/p>\r\n<h1 class=\"\">Drag and drop support<\/h1>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\">\r\n<p class=\"mod-reset\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"568\" class=\"wp-image-630\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/s2r-dragdrop.gif\" alt=\"\"><\/p>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\" style=\"padding-bottom: 16px;\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">One of our most beloved features from the very first alpha version of Sketch2React was the simple, yet powerful interaction of just dragging your Sketch file onto our app and, it seemed like magic, it \u201dtransformed\u201d it into code.<\/p>\r\n<p>I say that with \u201d\u201d since you can\u2019t just drag any Sketch file onto our app, you first need to apply our framework rules of course. But hey, nothing in life is gained without some effort right?<\/p>\r\n<p class=\"\">So we brought it back! And what a joy it is to use. You can still use our old keyboard shortcut \u2318L of course, but we suspect once you drop you\u2019ll never stop ?<\/p>\r\n<h1>\u2318R to reload the entire Sketch file<\/h1>\r\n<p class=\"\">This will make you shed tears of joy we promise. Before (in pre-historic times aka 1.6.8) every time you added an image asset (png\/jpg) to your Sketch document that you wanted to show up in our app you needed to re-link the document. <em>Sigh\u2026<\/em><\/p>\r\n<p class=\"\">Not anymore Great Scott! Now you just hit <strong>\u2318R<\/strong> and ?you will not even have time to blink, and it\u2019s done!<\/p>\r\n<p><strong>Important note: <\/strong> Most things are added automagically via our hot reload function every time you save in Sketch.<\/p>\r\n<h1 class=\"\">New freshly squeezed UI<\/h1>\r\n<p class=\"\">If you are one of those amazing people on Earth that have tried out one of our pre-releases (Tokens or Components) you will feel right at home. Let\u2019s look at some key areas of the app:<\/p>\r\n<h2>Downloading to HTML &amp; React<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\">\r\n<p class=\"mod-reset\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-629\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download.png 1920w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-300x169.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-1024x576.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-768x432.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-1536x864.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-250x141.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-550x309.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-800x450.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-320x180.png 320w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-533x300.png 533w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2R2020Download-889x500.png 889w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\" style=\"padding-bottom: 16px;\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<p>You just hit the download icon and you are presented with two choices:<\/p>\r\n<ul class=\"\" style=\"padding: 0em 0em 1em 2.5em;\">\r\n<li>Download as HTML<\/li>\r\n<li>Download as React<\/li>\r\n<\/ul>\r\n<p class=\"\">If you\u2019re looking for the fastest way of publishing your prototype or website I would go with just plain HTML. Our export bundles everything together in a neat package with all the relevant files you need (HTML, CSS &amp; Javascript). Here\u2019s for example <a href=\"https:\/\/sketch2react.io\/blog\/tutorial-how-to-publish-host-your-website-on-dropbox\/\">a very thorough tutorial<\/a> on how to upload our HTML files to your own Dropbox, if you don\u2019t have the time (or knowledge) off how to publish to FTP servers.<\/p>\r\n<p>If you\u2019re looking for the fastest shortcut into learning more about React you are in luck my friend. Our React download uses the amazing <a href=\"https:\/\/reactjs.org\/docs\/create-a-new-react-app.html#create-react-app\">Create React App<\/a> that creates a single page application for you automagically.<\/p>\r\n<h2 class=\"\">Starting a Live Preview<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\">\r\n<p class=\"mod-reset\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-626\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare.png 1920w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-300x169.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-1024x576.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-768x432.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-1536x864.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-250x141.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-550x309.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-800x450.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-320x180.png 320w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-533x300.png 533w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/S2RShare-889x500.png 889w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\" style=\"padding-bottom: 16px;\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">As soon as you start building with our tool you will want to see how it looks on several devices right? This, one of our most powerful features, lets you start up a local private web server right on your computer. That you can share with anyone. As soon as you stop the connection (or just close the app) the live preview is no more.<\/p>\r\n<p class=\"\">Also use the handy QR code to rapidly open it up on your phones and tablets.<\/p>\r\n<p class=\"\"><strong>An upcoming update<\/strong> of Sketch2React (approx Q1 2021) will add the ability to add your own <a href=\"https:\/\/ngrok.com\">custom ngrok servers<\/a>. Ngrok is the tech we use to power this amazing feature.<\/p>\r\n<h2 class=\"\">Runs smoothly on Big Sur!<\/h2>\r\n<p class=\"\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-670 size-full\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2.png\" alt=\"\" width=\"1920\" height=\"1104\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2.png 1920w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-300x173.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-1024x589.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-768x442.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-1536x883.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-250x144.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-550x316.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-800x460.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-313x180.png 313w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BigSurS2R2020-2-522x300.png 522w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\r\n<p class=\"\">Not only does it runs smoothly under the latest macOS and latest Sketch, it also is faster! We are amazed and can&#8217;t believe it actually ?<\/p>\r\n<h2 class=\"\">Install it on four Mac\u2019s\uf8ff<\/h2>\r\n<p class=\"\">We believe in the power of sharing and being generous. That\u2019s why we include in every purchased license four installations of our software. Use maybe two for yourself and share the other ones with team mates? It\u2019s up to you to decide.<\/p>\r\n<h2>Pricing going forward<\/h2>\r\n<p class=\"\">Yes, we finally have taken the last step towards making sure we can survive as a software maker for a very long time. Sketch2React is no longer free of charge. Also, our software comes with a standard <strong> 14-day money-back guarantee<\/strong> if you change your mind, no questions asked. ? ?<\/p>\r\n<p class=\"\">Make sure you read the<a href=\"https:\/\/marketplace.sketch2react.io\/about\/\" target=\"_blank\" rel=\"noopener\"> conditions of refunds<\/a> before making a purchase.&nbsp;<\/p>\r\n<p class=\"\">We want the entry point for using our apps to be low and we want to grow slowly over time. This makes scaling our products manageable for us as Team Sketch2React.<\/p>\r\n<p class=\"\">So when you purchase a license for Sketch2React 2020 that <strong>license is yours forever<\/strong>. Okey nothing actually lasts forever. <em>Let me rephrase<\/em>. As long as you have a computer that can run our apps. ? ?<\/p>\r\n<p class=\"\">If we do major updates to any of our apps we will charge a reasonable update price. <em>Small bug fixes will of course be free<\/em>.<\/p>\r\n<h1 class=\"\">One place to rule them all<\/h1>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\">\r\n<p class=\"mod-reset\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-627\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace.png 1920w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-300x169.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-1024x576.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-768x432.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-1536x864.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-250x141.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-550x309.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-800x450.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-320x180.png 320w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-533x300.png 533w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/Marketplace-889x500.png 889w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<p class=\"\">A major benefit with having our own storefront is that it comes with a handful of awesome features that may seem invisible at first, but greatly enhances the overall user experience.<\/p>\r\n<h2 class=\"\">Summary video!<\/h2>\r\n<p><div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"Sketch2React - Sketch2React 2020 is out!\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/ZrVqpc2B3yw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/p>\r\n<h2 class=\"\">Here\u2019s a couple of them:<\/h2>\r\n<ul class=\"\">\r\n<li>One place to access <strong>all your purchases<\/strong><\/li>\r\n<li>One place to <strong>re-download<\/strong>&nbsp;everything&nbsp;<\/li>\r\n<li>One single place to get <strong>new templates, components and other goodies<\/strong> related to our apps<\/li>\r\n<li>One <strong>master license key<\/strong> &#8211; all your future app purchases from us will be added to this one key, very handy!<\/li>\r\n<li>Get nice things like <strong>discounts &amp; special offers<\/strong><\/li>\r\n<\/ul>\r\n<blockquote class=\"\">\r\n<p class=\"\" style=\"padding: 1em;\"><strong>ProTip<\/strong>? ? Before doing any purchases you will need to&nbsp;<strong>create your own account<\/strong>. This way you don\u2019t need to refill boring things like your name, the country you reside in or your preferred paying method.<\/p>\r\n<\/blockquote>\r\n<h2 class=\"\">What comes next for Team Sketch2React?<\/h2>\r\n<p class=\"\">Now that we have worked really hard with both the new Sketch2React 2020 and our marketplace we will continue working really hard with:<\/p>\r\n<ul class=\"\" style=\"padding: 0em 0em 1em 2.5em;\">\r\n<li>Releasing <strong>Stratos Tokens 2020.2<\/strong><\/li>\r\n<li>Licensing out our marvellous rendering engine <strong>Tropos Engine &#8211; build your own UI on top!<\/strong><\/li>\r\n<li>Start working on something <em>really huge<\/em>\u2026 More on that later ? ?<\/li>\r\n<\/ul>\r\n<p class=\"\">Take care out there, \u2764\ufe0f Team Sketch2React<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Finally after much hard work the last couple of months we are very proud to announce the release of the brand new Sketch2React 2020 ? ? That also marks the release of our own marketplace, something that we have only dreamt about in the past. Owning the whole chain of software ? customer gives us&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">The brand new Sketch2React 2020 is here!<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":631,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","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":[118,128,63,53,54,176],"class_list":["post-632","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneous","tag-design-to-code","tag-news","tag-reactjs","tag-sketch-to-html","tag-sketch-to-react","tag-sketch2react-2020"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The brand new Sketch2React 2020 is here! | 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\/the-brand-new-sketch2react-2020-is-here\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The brand new Sketch2React 2020 is here! - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Finally after much hard work the last couple of months we are very proud to announce the release of the brand new Sketch2React 2020 ? ? That also marks the release of our own marketplace, something that we have only dreamt about in the past. Owning the whole chain of software ? customer gives us&hellip;&nbsp;Read More &raquo;The brand new Sketch2React 2020 is here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-16T08:05:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-16T09:35:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"The brand new Sketch2React 2020 is here!\",\"datePublished\":\"2020-11-16T08:05:24+00:00\",\"dateModified\":\"2020-12-16T09:35:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\"},\"wordCount\":1117,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg\",\"keywords\":[\"Design To Code\",\"News\",\"Reactjs\",\"Sketch To Html\",\"Sketch To React\",\"Sketch2React 2020\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\",\"name\":\"The brand new Sketch2React 2020 is here! - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg\",\"datePublished\":\"2020-11-16T08:05:24+00:00\",\"dateModified\":\"2020-12-16T09:35:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The brand new Sketch2React 2020 is here!\"}]},{\"@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":"The brand new Sketch2React 2020 is here! | 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\/the-brand-new-sketch2react-2020-is-here\/","og_locale":"en_US","og_type":"article","og_title":"The brand new Sketch2React 2020 is here! - Sketch2React Blog","og_description":"Finally after much hard work the last couple of months we are very proud to announce the release of the brand new Sketch2React 2020 ? ? That also marks the release of our own marketplace, something that we have only dreamt about in the past. Owning the whole chain of software ? customer gives us&hellip;&nbsp;Read More &raquo;The brand new Sketch2React 2020 is here!","og_url":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/","og_site_name":"Sketch2React Blog","article_published_time":"2020-11-16T08:05:24+00:00","article_modified_time":"2020-12-16T09:35:08+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg","type":"image\/jpeg"}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"The brand new Sketch2React 2020 is here!","datePublished":"2020-11-16T08:05:24+00:00","dateModified":"2020-12-16T09:35:08+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/"},"wordCount":1117,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg","keywords":["Design To Code","News","Reactjs","Sketch To Html","Sketch To React","Sketch2React 2020"],"articleSection":["Miscellaneous"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/","url":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/","name":"The brand new Sketch2React 2020 is here! - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg","datePublished":"2020-11-16T08:05:24+00:00","dateModified":"2020-12-16T09:35:08+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#primaryimage","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2020\/11\/BuiltForSketch.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/the-brand-new-sketch2react-2020-is-here\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"The brand new Sketch2React 2020 is here!"}]},{"@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\/632","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=632"}],"version-history":[{"count":10,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/632\/revisions"}],"predecessor-version":[{"id":741,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/632\/revisions\/741"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media\/631"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}