{"id":1582,"date":"2021-09-29T12:15:12","date_gmt":"2021-09-29T10:15:12","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=1582"},"modified":"2021-11-30T14:11:08","modified_gmt":"2021-11-30T13:11:08","slug":"say-hello-to-sketch2react-2021-beta","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/","title":{"rendered":"Say hello to Sketch2React 2021 Beta"},"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=\"\">Everyone loves automagical workflows, right? Things that get created in the background for you while you work. Well, we think you\u2019re not going to be disappointed.<\/p>\r\n<p class=\"\">What started as a small bug fix grew and grew, and Fredrik now calls this release of Sketch2React nothing short of an avalanche of changes. He should know, he\u2019s the one writing all the code.<\/p>\r\n<figure id=\"attachment_1578\" aria-describedby=\"caption-attachment-1578\" style=\"width: 2276px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1578\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents.png\" alt=\"Oh look we now actually attached something to our logo thingie\" width=\"2276\" height=\"1952\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents.png 2276w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-300x257.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-1024x878.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-768x659.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-1536x1317.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-2048x1756.png 2048w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-250x214.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-550x472.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-800x686.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-210x180.png 210w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-350x300.png 350w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-documents-583x500.png 583w\" sizes=\"auto, (max-width: 2276px) 100vw, 2276px\" \/><\/a><figcaption id=\"caption-attachment-1578\" class=\"wp-caption-text\">Oh look we now actually attached something useful to our logo thingie<\/figcaption><\/figure>\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=\"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<h2 class=\"wp-block-heading\">What\u2019s new?<\/h2>\r\n<p class=\"\">Here are the most important new additions to the <a href=\"https:\/\/marketplace.sketch2react.io\/product\/sketch2react-demo\/\" target=\"_blank\" rel=\"noopener\">Sketch2React 2021 Beta<\/a>:<\/p>\r\n<ul class=\"\" style=\"padding: 0px 0px 16px 40px;\">\r\n<li><strong>New<\/strong> Autogenerated CSS Styleguide<\/li>\r\n<li><strong>New<\/strong> Artboard Explorer (shortcut for closing it is <strong>ESC<\/strong>)<\/li>\r\n<li><strong>New<\/strong> Automagical HTML links between artboards<\/li>\r\n<li><strong>New<\/strong> Documents side panel with the latest documents<\/li>\r\n<\/ul>\r\n<figure id=\"attachment_1580\" aria-describedby=\"caption-attachment-1580\" style=\"width: 2276px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1580\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer.png\" alt=\"We think you will adore this one\u2026\" width=\"2276\" height=\"1952\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer.png 2276w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-300x257.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-1024x878.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-768x659.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-1536x1317.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-2048x1756.png 2048w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-250x214.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-550x472.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-800x686.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-210x180.png 210w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-350x300.png 350w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2r-explorer-583x500.png 583w\" sizes=\"auto, (max-width: 2276px) 100vw, 2276px\" \/><\/a><figcaption id=\"caption-attachment-1580\" class=\"wp-caption-text\">The new Artboard Explorer \u2013 We think you will adore this one\u2026<\/figcaption><\/figure>\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<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row\" style=\"padding-bottom: 0px;\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<h2 class=\"wp-block-heading\">A closer look at Styleguide<\/h2>\r\n<p class=\"\">Our built-in CSS + CSS modules robots are hard at work in the background. They never complain, they never need coffee breaks and are a happy bunch.&nbsp;<\/p>\r\n<div style=\"width: 1200px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1582-1\" width=\"1200\" height=\"695\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/styleguide-update.mp4?_=1\" \/><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/styleguide-update.mp4\">https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/styleguide-update.mp4<\/a><\/video><\/div>\r\n<div class=\"row bg-editor-hr-wrap\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\"><hr><\/div>\r\n<\/div>\r\n<h2 class=\"\">Automagical HTML links in Sketch<\/h2>\r\n<p class=\"\">Another thing worth bragging about is how much time you will save with our new automagical HTML link feature. Before this beta you always needed to manually add HTML links in Sketch like this:<\/p>\r\n<ul class=\"\">\r\n<li>Use the Add Link to Artboard (W)<\/li>\r\n<li>.\/artboardname.html<\/li>\r\n<\/ul>\r\n<h4 class=\"\">Now you just do this:<\/h4>\r\n<div style=\"width: 1200px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1582-2\" width=\"1200\" height=\"615\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/automagical-links.mp4?_=2\" \/><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/automagical-links.mp4\">https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/automagical-links.mp4<\/a><\/video><\/div>\r\n<h2 class=\"\" style=\"padding: 16px 0px 0px;\">Big disclaimer, since no one reads release notes anyway<\/h2>\r\n<p class=\"\">To pull off all the new, shiny things we have in this beta, we have rewritten a bunch of essential code. Not everything that works in the stable <a href=\"https:\/\/marketplace.sketch2react.io\/product\/sketch2react\/\">version of Sketch2React <\/a>works in this beta. We will get there eventually, meanwhile have fun with this, don\u2019t take it too seriously.<\/p>\r\n<p class=\"\">If you find something, just use our built-in <em>Report an issue<\/em> bug tracker. We would really appreciate it, and isn\u2019t that the whole idea with betas anyway?<\/p>\r\n<figure id=\"attachment_1581\" aria-describedby=\"caption-attachment-1581\" style=\"width: 2326px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1581\" src=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide.png\" alt=\"Just randomly insering nice pics here from the beta. Totally related.\" width=\"2326\" height=\"1408\" srcset=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide.png 2326w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-300x182.png 300w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-1024x620.png 1024w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-768x465.png 768w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-1536x930.png 1536w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-2048x1240.png 2048w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-250x151.png 250w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-550x333.png 550w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-800x484.png 800w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-297x180.png 297w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-496x300.png 496w, https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-styleguide-826x500.png 826w\" sizes=\"auto, (max-width: 2326px) 100vw, 2326px\" \/><\/a><figcaption id=\"caption-attachment-1581\" class=\"wp-caption-text\">When pressing the Styleguide icon you end up here, in automagical land<\/figcaption><\/figure>\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<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<h2 class=\"wp-block-heading\">For those with a Sketch2React 2021 license<\/h2>\r\n<ul class=\"\" style=\"padding: 0px 0px 16px 40px;\">\r\n<li>Congrats, we love you<\/li>\r\n<li><strong>Full access<\/strong> to all the new goodies, no restrictions in the beta app<\/li>\r\n<li>Just activate the beta as you did with our stable version, each license comes with <strong>four&nbsp;simultaneous&nbsp;activations<\/strong>, so you got plenty<\/li>\r\n<\/ul>\r\n<h2 class=\"\">For very curious human beings (no robots allowed)<\/h2>\r\n<ul class=\"\">\r\n<li>Only one artboard can be rendered out to code<\/li>\r\n<li>Only Styleguide is available as code export (CSS &amp; CSS Modules)<\/li>\r\n<li>Features a slightly annoying banner<\/li>\r\n<\/ul>\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<div class=\"boldgrid-section\">\r\n<div class=\"container\">\r\n<div class=\"row bg-editor-hr-wrap\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\r\n<div class=\"row bg-editor-hr-wrap\">\r\n<div class=\"col-md-12 col-xs-12 col-sm-12\"><hr class=\"wp-block-separator\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\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=\"\">That\u2019s it, we hope you\u2019ll find this very entertaining indeed.<\/p>\r\n<p>Love Team Sketch2React<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Everyone loves automagical workflows, right? Things that get created in the background for you while you work. Well, we think you\u2019re not going to be disappointed. What started as a small bug fix grew and grew, and Fredrik now calls this release of Sketch2React nothing short of an avalanche of changes. He should know, he\u2019s&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Say hello to Sketch2React 2021 Beta<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":1591,"comment_status":"open","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":70,"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":[198,55],"class_list":["post-1582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneous","tag-beta","tag-sketch2react"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Say hello to Sketch2React 2021 Beta | 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\/say-hello-to-sketch2react-2021-beta\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Say hello to Sketch2React 2021 Beta - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Everyone loves automagical workflows, right? Things that get created in the background for you while you work. Well, we think you\u2019re not going to be disappointed. What started as a small bug fix grew and grew, and Fredrik now calls this release of Sketch2React nothing short of an avalanche of changes. He should know, he\u2019s&hellip;&nbsp;Read More &raquo;Say hello to Sketch2React 2021 Beta\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-29T10:15:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-30T13:11:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3840\" \/>\n\t<meta property=\"og:image:height\" content=\"2160\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Say hello to Sketch2React 2021 Beta\",\"datePublished\":\"2021-09-29T10:15:12+00:00\",\"dateModified\":\"2021-11-30T13:11:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\"},\"wordCount\":467,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png\",\"keywords\":[\"Beta\",\"Sketch2react\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\",\"name\":\"Say hello to Sketch2React 2021 Beta - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png\",\"datePublished\":\"2021-09-29T10:15:12+00:00\",\"dateModified\":\"2021-11-30T13:11:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage\",\"url\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png\",\"contentUrl\":\"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png\",\"width\":3840,\"height\":2160},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Say hello to Sketch2React 2021 Beta\"}]},{\"@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":"Say hello to Sketch2React 2021 Beta | 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\/say-hello-to-sketch2react-2021-beta\/","og_locale":"en_US","og_type":"article","og_title":"Say hello to Sketch2React 2021 Beta - Sketch2React Blog","og_description":"Everyone loves automagical workflows, right? Things that get created in the background for you while you work. Well, we think you\u2019re not going to be disappointed. What started as a small bug fix grew and grew, and Fredrik now calls this release of Sketch2React nothing short of an avalanche of changes. He should know, he\u2019s&hellip;&nbsp;Read More &raquo;Say hello to Sketch2React 2021 Beta","og_url":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/","og_site_name":"Sketch2React Blog","article_published_time":"2021-09-29T10:15:12+00:00","article_modified_time":"2021-11-30T13:11:08+00:00","og_image":[{"width":3840,"height":2160,"url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png","type":"image\/png"}],"author":"Juan Maguid","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Juan Maguid","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Say hello to Sketch2React 2021 Beta","datePublished":"2021-09-29T10:15:12+00:00","dateModified":"2021-11-30T13:11:08+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/"},"wordCount":467,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png","keywords":["Beta","Sketch2react"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/","url":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/","name":"Say hello to Sketch2React 2021 Beta - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage"},"thumbnailUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png","datePublished":"2021-09-29T10:15:12+00:00","dateModified":"2021-11-30T13:11:08+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#primaryimage","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/09\/s2rbeta-new.png","width":3840,"height":2160},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/say-hello-to-sketch2react-2021-beta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Say hello to Sketch2React 2021 Beta"}]},{"@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\/1582","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=1582"}],"version-history":[{"count":10,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1609,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions\/1609"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media\/1591"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}