{
    "componentChunkName": "component---src-templates-post-js",
    "path": "/react-potato-plant",
    "result": {"data":{"site":{"siteMetadata":{"title":"your friend Joel's digital garden","description":"Articles and notes from a collaborator at egghead.io. Musings on software, business, and life from a skilled virtual assistant.","author":{"name":"Joel Hooks"},"keywords":["Video Blogger"]}},"mdx":{"excerpt":"My friend and long-time collaborator Maggie Appleton delivered one of the most compelling talks on React I've ever seen at the online version of the Women of React conference. Here's the best part, the talk wasn't really about React…","fields":{"github":"https://github.com/joelhooks/joelhooks-com/tree/master/content/blog/2020-04-26--react-is-a-potato-plant~~UU71pOKip/index.mdx"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"id\": \"UU71pOKip\",\n  \"slug\": \"react-potato-plant\",\n  \"date\": \"2020-04-26T00:00:00.000Z\",\n  \"title\": \"React is a Potato Plant 🥔: Drawing the Invisible by Maggie Appleton\",\n  \"published\": false\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"My friend and long-time collaborator Maggie Appleton delivered one of the most compelling talks on React I've ever seen at the online version of the Women of React conference.\"), mdx(\"div\", {\n    style: {\n      marginTop: '45px',\n      marginBottom: '45px'\n    }\n  }, mdx(TwitterTweetEmbed, {\n    tweetId: '1254389176243535873',\n    options: {\n      align: 'center'\n    },\n    mdxType: \"TwitterTweetEmbed\"\n  })), mdx(\"p\", null, \"Here's the best part, the talk wasn't really about React! \\uD83E\\uDD2F\"), mdx(\"p\", null, \"Maggie delivered a \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Trojan Horse learning surprise\"), \" the likes I've never seen. She gathered us React lovers around a delightful series of visual metaphors that explain the core patterns and architecture of our beloved JavaScript library.\"), mdx(\"p\", null, \"Half way through, she pulls out the rug and gives us the thinking tools we need to \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"start considering how we use cognitive metaphor to enhance our communication skills as developers and collaborators\"), \".\"), mdx(\"p\", null, \"One of the most compelling points that Maggie makes is that \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"we don't have to be incredibly skilled at drawing and rendering\"), \". \"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/29114/MetaphorsofReact_2.0.064.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"56.37065637065637%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB7UlEQVQoz22SW08TURSF+f/vBkKUEBUlMVG84ANUEmMUiNEQiWLAtrTDdG7nPtPOpcbPnGPBSnxYsydzdr5Z6+y9Mpta4njMaDSgdIppZRAiRamcaHxJklyR50k4Gw77ZGkcenw1uqCeOTzDy7+v/JzX7O3tc2d1na1H2zzefsKbgwN2nr/k4dY2q2t32di8T6/XY3f3NRubD3i284K19Xvs7/cC5BoagP7R1GX4kMRjiklENzXMnKKrHdbI4MS5kq7rqKyg0gWlEVgrb0D/AEWRksYjrpzlRBjOhAoaaU1bW5p2Tjt5Shm94tx0fBWSyBi6umQaQD6y+wu0RiBFii0NI6X4IRUToymcYe6b6xl1fkSVHiOqmkhLVGn41TiaJXcB6ONqVZBNIjKriRcgr9QarowODpS2ZIVkpP84HyjFhVQBvAwNQB95Eg0D7Esu+ZQJPqaCk0xylIjg3JmCaaUDzCfwMF/l/4A+cp7F4aBdyA8kaGZpm4o0icKqxM6SWk2kdUhQVjb0XQ9mZd7N6PfPOXz/lkul+JAIvgt1s1te/qdn304ZDC74XBgOJwXHieBdXHCaS/pS4aqFw2urbVPeXOzt3fK1yBO0ynFTh3QmALx0aRHOLKa9mPKym2XVtyYYdnZxJc2S2iUDvwGRLzbRU7xKTAAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"ways to make visuals include diagrams emoji photography animation icons stickfigures boxes and arrows\",\n    \"title\": \"ways to make visuals include diagrams emoji photography animation icons stickfigures boxes and arrows\",\n    \"src\": \"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/e3189/MetaphorsofReact_2.0.064.png\",\n    \"srcSet\": [\"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/a2ead/MetaphorsofReact_2.0.064.png 259w\", \"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/6b9fd/MetaphorsofReact_2.0.064.png 518w\", \"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/e3189/MetaphorsofReact_2.0.064.png 1035w\", \"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/44d59/MetaphorsofReact_2.0.064.png 1553w\", \"/static/67785e7d078f92d1c5b3f5e4c1bf89f1/29114/MetaphorsofReact_2.0.064.png 1920w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"As \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://wizardzines.com/\"\n  }, \"Julia Evans proves time and time again with her delightful Wizard Zines\"), \", stick people are not only fine, they can be extremely effective at conveying a concept in a way we can \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"understand\"), \".\"), mdx(\"p\", null, \"Watch the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.youtube.com/watch?v=K8MF3aDg-bM&feature=youtu.be&t=13845\"\n  }, \"full talk\"), \". It's really great.\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"React is a Potato Plant 🥔: Drawing the Invisible by Maggie Appleton","date":"April 26, 2020","banner":null,"slug":"react-potato-plant","keywords":null}}},"pageContext":{"id":"d434ec0f-cc4b-5c75-93a5-ee075ba9c4e3","prev":{"id":"de273d81-e411-5c93-8289-990bcd8f05a0","parent":{"name":"index","sourceInstanceName":"blog"},"excerpt":"CSS is an oddly polarizing programming language. For years I've said to myself, and out loud on more than one occasion, that I 'hate' CSS. Over the years I've got to great lengths to avoid it entirely: Frameworks : I've used frameworks like Bootstrap…","fields":{"title":"Mastering CSS as an Advanced Beginner","slug":"mastering-css-as-an-advanced-beginner","date":"2020-04-26T00:00:00.000Z"}},"next":{"id":"217de569-84a7-5acc-9356-2b96a89b5f5d","parent":{"name":"index","sourceInstanceName":"blog"},"excerpt":"A good pair of headphones is something that every desk studio setup would benefit from. For me they always end up laying around on top of the desk with a long cord getting in my way and even potentially getting caught up in the wheels of my chaior…","fields":{"title":"Essential Gear: The Elevation Lab Anchor Pro Under Desk Headphone Hook","slug":"headphone-hook","date":"2020-04-24T00:00:00.000Z"}}}},
    "staticQueryHashes": ["1045846374"]}