{
    "componentChunkName": "component---src-templates-post-js",
    "path": "/accessible-react-applications",
    "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":"We unlocked Erin Doyle's amazing course on accessibility as a Community Resource on egghead. This means that it is  free to view for every web developer on the planet  with a device and an internet connection. This is part of our long term…","fields":{"github":"https://github.com/joelhooks/joelhooks-com/tree/master/content/blog/2020-05-04--start-shipping-more-accessible-react-applications-today~~hRf9bhag8/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\": \"hRf9bhag8\",\n  \"slug\": \"accessible-react-applications\",\n  \"date\": \"2020-05-04T00:00:00.000Z\",\n  \"title\": \"Start Shipping More Accessible React Applications Today with Erin Doyle\",\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, \"We unlocked Erin Doyle's amazing course on accessibility as a Community Resource on egghead. This means that it is \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"free to view for every web developer on the planet\"), \" with a device and an internet connection.\"), mdx(\"p\", null, \"This is part of our long term goal of making every egghead course free to view for all as a way to help democratize education for aspiring web developers. This is only possible with the support of egghead members whose membership fees not only give them access to awesome learning materials, but also help to unlock those materials for everybody else \\u2764\\uFE0F\"), mdx(\"p\", null, \"Erin's course is a deep dive into the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"tools and techniques that you can use today to make React applications more accessible and inclusive for your users\"), \". If you care about your users at all, you will watch this course today and immediately apply the techniques you learn to your existing web applications tomorrow.\"), mdx(\"p\", null, \"Seriously, you are out of excuses. \\uD83E\\uDD14\"), mdx(\"p\", null, \"And if you think \\\"hah Joel, I've got plenty of excuses, I work on a Vue app!\\\" you are wrong. \\uD83D\\uDE02\"), mdx(\"p\", null, \"That's not an excuse because \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"the tools and techniques that Erin describes in this course are broadly applicable\"), \" and have equivalent capabilities across the JavaScript ecosystem.\"), mdx(\"p\", null, \"If you're not learning and applying accessibility techniques to you and your team's \\\"definition of done\\\" I strongly recommend you work to change that as soon as possible.\"), mdx(\"p\", null, \"One of the things that people often get mixed up about a11y is that you can make incremental improvements starting today. It isn't all or nothing. You will never reach perfection but you can make it better.\"), mdx(\"p\", null, \"That's what this course can help you achieve.\"), mdx(\"p\", null, \"With all egghead courses my recommendation is to \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"watch this course and take notes instead of trying to follow along with the example code\"), \". If that doesn't seem very useful to you, that's fine, but it is well researched that \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"summarizing concepts into your own words and applying new techniques to your own projects will give you mental ownership of otherwise abstract techniques\"), \".\"), mdx(\"p\", null, \"Watch the courses with these amazing \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/eggheadio-projects/develop-accessible-web-apps-with-react-notes\"\n  }, \"Community Notes\"), \" open alongside in another window. Contribute your own notes back to the community notes.\"), mdx(\"p\", null, \"egghead members also have access to fully annotated transcripts of this course (and most egghead courses) below the video. \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://share.getcloudapp.com/d5uv6yqm\"\n  }, \"Here's a link to a PDF of the annotated transcripts for this course\"), \" so you can see what they look like.\"), mdx(\"p\", null, \"When you see something interesting in this course that clicks the \\uD83D\\uDCA1 -> \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"implement it in your own application immediately\"), \" and then come back to the course using that experience to enhance your own notes.\"), mdx(\"p\", null, \"\\uD83D\\uDC49 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://egghead.io/courses/develop-accessible-web-apps-with-react\"\n  }, \"Now that you're ready, click here to start watching Erin Doyle's Develop Accessible Web Apps with React.\"), \"\\u200B\"), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Your egghead membership allows us to:\")), mdx(\"p\", null, \"\\uD83D\\uDE0D present \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"valuable learning material for you to level-up\"), \" with as well as fund our ability to provide free and open access to high-quality learning material for everybody else on the planet.\"), mdx(\"p\", null, \"\\uD83D\\uDC69\\uD83C\\uDFFD\\u200D\\uD83D\\uDCBB \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"pay early career developers to create deep context for your learning experience\"), \" through annotated transcripts and Community Notes.\"), mdx(\"p\", null, \"\\uD83D\\uDC69\\uD83C\\uDFFB\\u200D\\uD83C\\uDFEB send money straight to instructors as royalties to compensate and encourage them to create \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"more of the highest quality learning materials available to professional web developers\"), \" anywhere online.\"), mdx(\"p\", null, \"It can't be overstated how much your support means to us. \\u2764\\uFE0F\"), mdx(\"p\", null, \"You might also enjoy \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://egghead.io/podcasts/test-driven-accessibility-with-erin-doyle\"\n  }, \"\\uD83C\\uDF99 this podcast episode\"), \" that I recorded with Erin. She's truly wonderful and a strong source of inspiration for me as a professional web developer!\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Start Shipping More Accessible React Applications Today with Erin Doyle","date":"May 04, 2020","banner":null,"slug":"accessible-react-applications","keywords":null}}},"pageContext":{"id":"dd58c572-1672-5cf7-aaad-b9ff8dbb3164","prev":{"id":"2aa5a9ce-23e9-55d8-bda9-851756624a12","parent":{"name":"index","sourceInstanceName":"blog"},"excerpt":"The phrase \"digital garden\" is a metaphor for thinking about writing and creating that focuses less on the resulting \"showpiece\" and more on the process, care, and craft it takes to get there. While not everybody has or works in a dirt garden, we all…","fields":{"title":"🌱 My blog is a digital garden, not a blog","slug":"digital-garden","date":"2020-05-10T00:00:00.000Z"}},"next":{"id":"332b5c9c-0fe6-5803-8718-0951e8cb31b5","parent":{"name":"index","sourceInstanceName":"blog"},"excerpt":"There are a two facts that we understand very well at egghead: Constant learning is an essential habit for professional web developers. There's not enough time in the freaking day. 😱 Some of us are lucky enough to work at companies that provide us…","fields":{"title":"egghead vs Udemy for professional web developers","slug":"egghead-vs-udemy","date":"2020-04-29T00:00:00.000Z"}}}},
    "staticQueryHashes": ["1045846374"]}