{"id":244,"date":"2020-01-24T18:24:54","date_gmt":"2020-01-24T17:24:54","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2020\/01\/24\/fredriks-front-end-quick-read-12\/"},"modified":"2020-06-18T07:16:55","modified_gmt":"2020-06-18T07:16:55","slug":"fredriks-front-end-quick-read-12","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/","title":{"rendered":"Fredrik\u2019s front-end quick read #12"},"content":{"rendered":"<figure><img decoding=\"async\" data-width=\"1920\" data-height=\"1080\" src=\"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg\"><\/figure>\n<p>New year, new things to learn! Read on to learn how to make a grid-powered resume, what happened to React in 2019, if the Weird Web can make a comeback in 2020, how to move your project to TypeScript at your own pace and how to animate on the web with GreenSock<\/p>\n<h3><strong>Let\u2019s Make a Grid-Powered Resume!<\/strong><\/h3>\n<p>Here\u2019s a swell post by Ali Churcher on how to make a grid-powered resume! It\u2019s also neat that Ali explores how to make sure that it\u2019s designed for print as well, just in case you need a physical copy, too.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"P3gF33brch\"><p><a href=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/\">New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/embed\/#?secret=P3gF33brch\" data-secret=\"P3gF33brch\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr>\n<h3>A Year of React\u200a\u2014\u200a2019 in&nbsp;Review<\/h3>\n<p>In this post, Kristofer goes through the year, highlighting some of the biggest new features and news stories of React in 2019. To finish it off, he\u2019s also found the recordings from some of his favorite React conferences!<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"P3gF33brch\"><p><a href=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/\">New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/embed\/#?secret=P3gF33brch\" data-secret=\"P3gF33brch\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr>\n<h3>Can the Weird Web make a comeback in&nbsp;2020?<\/h3>\n<p>The Weird Web, as Neal Agrawal describes it was a largely Flash-enabled wild west style internet that died out in the 2010s as ideas like UX, and A11y began to take hold. Are those ideas permanent, or is the wheel about to turn, taking us back to a more creative, less usable web?<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"P3gF33brch\"><p><a href=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/\">New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/embed\/#?secret=P3gF33brch\" data-secret=\"P3gF33brch\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr>\n<h3><strong>How to move your project to TypeScript\u200a\u2014\u200aat your own&nbsp;pace<\/strong><\/h3>\n<p>Learn how you can move your existing JavaScript project, step by step to TypeScript. All at your own pace and as much as you want. Even without doing any code changes.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"P3gF33brch\"><p><a href=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/\">New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/embed\/#?secret=P3gF33brch\" data-secret=\"P3gF33brch\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr>\n<h3><strong>How to Animate on the Web With GreenSock<\/strong><\/h3>\n<p>Sarah\u2019s written a fantastic piece all about how to animate on the web with Greensock. She breaks down why you might want to use GreenSock over other animating methods, such as it\u2019s really great API for doing the actual animating (whereas CSS animations can get a bit finicky if they\u2019re complicated).<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"P3gF33brch\"><p><a href=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/\">New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;New Year, New Job? Let&#8217;s Make a Grid-Powered Resume!&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/new-year-new-job-lets-make-a-grid-powered-resume\/embed\/#?secret=P3gF33brch\" data-secret=\"P3gF33brch\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Thank you for reading and happy coding! \u2764\ufe0f<\/p>\n<p>\/Fredrik Ward, Senior front-end developer @ Bouvet and co-creator of Sketch2React<\/p>\n","protected":false},"excerpt":{"rendered":"<p>New year, new things to learn! Read on to learn how to make a grid-powered resume, what happened to React in 2019, if the Weird Web can make a comeback in 2020, how to move your project to TypeScript at your own pace and how to animate on the web with GreenSock Let\u2019s Make a&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Fredrik\u2019s front-end quick read #12<\/span><\/a><\/p>\n","protected":false},"author":4,"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":[167],"tags":[158,159,61,59,31],"class_list":["post-244","post","type-post","status-publish","format-standard","hentry","category-fredriks-front-end-quick-read","tag-bouvet","tag-front-end-development","tag-javascript","tag-react","tag-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Fredrik\u2019s front-end quick read #12 | 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\/fredriks-front-end-quick-read-12\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fredrik\u2019s front-end quick read #12 - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"New year, new things to learn! Read on to learn how to make a grid-powered resume, what happened to React in 2019, if the Weird Web can make a comeback in 2020, how to move your project to TypeScript at your own pace and how to animate on the web with GreenSock Let\u2019s Make a&hellip;&nbsp;Read More &raquo;Fredrik\u2019s front-end quick read #12\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-24T17:24:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:16:55+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg\" \/>\n<meta name=\"author\" content=\"Fredrik Ward\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fredrik Ward\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/\"},\"author\":{\"name\":\"Fredrik Ward\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#\\\/schema\\\/person\\\/d452067d5528ce6cda4be87f136cf664\"},\"headline\":\"Fredrik\u2019s front-end quick read #12\",\"datePublished\":\"2020-01-24T17:24:54+00:00\",\"dateModified\":\"2020-06-18T07:16:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/\"},\"wordCount\":365,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/01\\\/5b096-1_4imbavgbfnvct8pafitpq.jpeg\",\"keywords\":[\"Bouvet\",\"Front End Development\",\"JavaScript\",\"React\",\"Web Development\"],\"articleSection\":[\"Fredrik's Front-end Quick Read\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/\",\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/\",\"name\":\"Fredrik\u2019s front-end quick read #12 - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/01\\\/5b096-1_4imbavgbfnvct8pafitpq.jpeg\",\"datePublished\":\"2020-01-24T17:24:54+00:00\",\"dateModified\":\"2020-06-18T07:16:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#primaryimage\",\"url\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/01\\\/5b096-1_4imbavgbfnvct8pafitpq.jpeg\",\"contentUrl\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/01\\\/5b096-1_4imbavgbfnvct8pafitpq.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-12\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fredrik\u2019s front-end quick read #12\"}]},{\"@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\\\/d452067d5528ce6cda4be87f136cf664\",\"name\":\"Fredrik Ward\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"caption\":\"Fredrik Ward\"},\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/author\\\/sewk9wxw3g\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fredrik\u2019s front-end quick read #12 | 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\/fredriks-front-end-quick-read-12\/","og_locale":"en_US","og_type":"article","og_title":"Fredrik\u2019s front-end quick read #12 - Sketch2React Blog","og_description":"New year, new things to learn! Read on to learn how to make a grid-powered resume, what happened to React in 2019, if the Weird Web can make a comeback in 2020, how to move your project to TypeScript at your own pace and how to animate on the web with GreenSock Let\u2019s Make a&hellip;&nbsp;Read More &raquo;Fredrik\u2019s front-end quick read #12","og_url":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/","og_site_name":"Sketch2React Blog","article_published_time":"2020-01-24T17:24:54+00:00","article_modified_time":"2020-06-18T07:16:55+00:00","og_image":[{"url":"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg","type":"","width":"","height":""}],"author":"Fredrik Ward","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fredrik Ward","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/"},"author":{"name":"Fredrik Ward","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664"},"headline":"Fredrik\u2019s front-end quick read #12","datePublished":"2020-01-24T17:24:54+00:00","dateModified":"2020-06-18T07:16:55+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/"},"wordCount":365,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#primaryimage"},"thumbnailUrl":"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg","keywords":["Bouvet","Front End Development","JavaScript","React","Web Development"],"articleSection":["Fredrik's Front-end Quick Read"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/","url":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/","name":"Fredrik\u2019s front-end quick read #12 - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#primaryimage"},"thumbnailUrl":"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg","datePublished":"2020-01-24T17:24:54+00:00","dateModified":"2020-06-18T07:16:55+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#primaryimage","url":"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg","contentUrl":"http:\/\/sketch2react.files.wordpress.com\/2020\/01\/5b096-1_4imbavgbfnvct8pafitpq.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-12\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Fredrik\u2019s front-end quick read #12"}]},{"@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\/d452067d5528ce6cda4be87f136cf664","name":"Fredrik Ward","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","caption":"Fredrik Ward"},"url":"https:\/\/sketch2react.io\/blog\/author\/sewk9wxw3g\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/244","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=244"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/244\/revisions"}],"predecessor-version":[{"id":296,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/244\/revisions\/296"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}