{"id":114,"date":"2018-09-07T23:54:37","date_gmt":"2018-09-07T21:54:37","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2018\/09\/07\/sketch2react-0-55-is-here-wooo-hoo\/"},"modified":"2020-11-29T17:27:59","modified_gmt":"2020-11-29T16:27:59","slug":"sketch2react-0-55-is-here-wooo-hoo","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/","title":{"rendered":"Sketch2React 0.55 is here (wooo-hoo!)"},"content":{"rendered":"<figure>\n<p><img decoding=\"async\" data-width=\"1656\" data-height=\"1045\" src=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg\"><br \/>\n<\/figure>\n<p>Say hello to the best version of our framework yet. From the beginning we were going to release version 0.6 but we sneak this one in from the side. It comes with lots of great new features like:<\/p>\n<ul>\n<li>New element: <a href=\"https:\/\/sketch2react.gitbook.io\/sketch2react-io\/components\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Forms<\/em><\/strong><\/a>\n<\/li>\n<li>New element: <a href=\"https:\/\/sketch2react.gitbook.io\/sketch2react-io\/components\" target=\"_blank\" rel=\"noopener noreferrer\"><strong><em>Rectangle<\/em><\/strong><\/a>\n<\/li>\n<li>Complete rewrite of navigation-implementation. It now supports styling<\/li>\n<li><strong><em>Fluid fonts<\/em><\/strong><\/li>\n<li>The Previewer app now generates <strong><em>cleaner code<\/em><\/strong>\n<\/li>\n<li>HTML generated by {row} is always at least as high as the corresponding element in the Sketch document.<\/li>\n<\/ul>\n<figure class=\"wp-caption\">\n<p><img decoding=\"async\" data-width=\"600\" data-height=\"375\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*TbBz8vySpLOvnbEJ5ZsVlg.gif\"><figcaption class=\"wp-caption-text\">The new {rectangle} element is super useful for things like setting up quick responsive wireframes<\/figcaption><\/figure>\n<p><strong>Haven\u2019t signed up yet?<\/strong> <a href=\"https:\/\/sketch2react.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Do it here<\/a>. If you signed up before you should have already gotten a new email with the updated files.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Say hello to the best version of our framework yet. From the beginning we were going to release version 0.6 but we sneak this one in from the side. It comes with lots of great new features like: New element: Forms New element: Rectangle Complete rewrite of navigation-implementation. It now supports styling Fluid fonts The&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Sketch2React 0.55 is here (wooo-hoo!)<\/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":[58,59,10],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-bootstrap","tag-react","tag-sketch"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sketch2React 0.55 is here (wooo-hoo!) | 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\/sketch2react-0-55-is-here-wooo-hoo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sketch2React 0.55 is here (wooo-hoo!) - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Say hello to the best version of our framework yet. From the beginning we were going to release version 0.6 but we sneak this one in from the side. It comes with lots of great new features like: New element: Forms New element: Rectangle Complete rewrite of navigation-implementation. It now supports styling Fluid fonts The&hellip;&nbsp;Read More &raquo;Sketch2React 0.55 is here (wooo-hoo!)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-07T21:54:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-29T16:27:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.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\/sketch2react-0-55-is-here-wooo-hoo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\"},\"author\":{\"name\":\"Juan Maguid\",\"@id\":\"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e\"},\"headline\":\"Sketch2React 0.55 is here (wooo-hoo!)\",\"datePublished\":\"2018-09-07T21:54:37+00:00\",\"dateModified\":\"2020-11-29T16:27:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\"},\"wordCount\":123,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg\",\"keywords\":[\"Bootstrap\",\"React\",\"Sketch\"],\"articleSection\":[\"Miscellaneous\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\",\"url\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\",\"name\":\"Sketch2React 0.55 is here (wooo-hoo!) - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg\",\"datePublished\":\"2018-09-07T21:54:37+00:00\",\"dateModified\":\"2020-11-29T16:27:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage\",\"url\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg\",\"contentUrl\":\"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sketch2react.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sketch2React 0.55 is here (wooo-hoo!)\"}]},{\"@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":"Sketch2React 0.55 is here (wooo-hoo!) | 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\/sketch2react-0-55-is-here-wooo-hoo\/","og_locale":"en_US","og_type":"article","og_title":"Sketch2React 0.55 is here (wooo-hoo!) - Sketch2React Blog","og_description":"Say hello to the best version of our framework yet. From the beginning we were going to release version 0.6 but we sneak this one in from the side. It comes with lots of great new features like: New element: Forms New element: Rectangle Complete rewrite of navigation-implementation. It now supports styling Fluid fonts The&hellip;&nbsp;Read More &raquo;Sketch2React 0.55 is here (wooo-hoo!)","og_url":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/","og_site_name":"Sketch2React Blog","article_published_time":"2018-09-07T21:54:37+00:00","article_modified_time":"2020-11-29T16:27:59+00:00","og_image":[{"url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.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\/sketch2react-0-55-is-here-wooo-hoo\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/"},"author":{"name":"Juan Maguid","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/7fc8fe20e137be20a66bc8634c059f4e"},"headline":"Sketch2React 0.55 is here (wooo-hoo!)","datePublished":"2018-09-07T21:54:37+00:00","dateModified":"2020-11-29T16:27:59+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/"},"wordCount":123,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg","keywords":["Bootstrap","React","Sketch"],"articleSection":["Miscellaneous"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/","url":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/","name":"Sketch2React 0.55 is here (wooo-hoo!) - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg","datePublished":"2018-09-07T21:54:37+00:00","dateModified":"2020-11-29T16:27:59+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#primaryimage","url":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg","contentUrl":"https:\/\/cdn-images-1.medium.com\/max\/1200\/1*IytnEGroBXuZhILn-ov7tA.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/sketch2react-0-55-is-here-wooo-hoo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Sketch2React 0.55 is here (wooo-hoo!)"}]},{"@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\/114","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=114"}],"version-history":[{"count":3,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/114\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}