{
    "componentChunkName": "component---src-templates-introduction-super-block-intro-tsx",
    "path": "/learn/front-end-development-libraries/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"certification":"front-end-development-libraries","superBlock":"front-end-development-libraries","title":"Front End Development Libraries"}},"allChallengeNode":{"edges":[{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers","blockName":"Bootstrap"},"id":"bad87fee1348bd9acde08712","block":"bootstrap","challengeType":0,"title":"Use Responsive Design with Bootstrap Fluid Containers","order":0,"superBlock":"front-end-development-libraries","dashedName":"use-responsive-design-with-bootstrap-fluid-containers"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/make-images-mobile-responsive","blockName":"Bootstrap"},"id":"bad87fee1348bd9acde08812","block":"bootstrap","challengeType":0,"title":"Make Images Mobile Responsive","order":0,"superBlock":"front-end-development-libraries","dashedName":"make-images-mobile-responsive"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/center-text-with-bootstrap","blockName":"Bootstrap"},"id":"bad87fee1348bd8acde08812","block":"bootstrap","challengeType":0,"title":"Center Text with Bootstrap","order":0,"superBlock":"front-end-development-libraries","dashedName":"center-text-with-bootstrap"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-a-bootstrap-button","blockName":"Bootstrap"},"id":"bad87fee1348cd8acdf08812","block":"bootstrap","challengeType":0,"title":"Create a Bootstrap Button","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-a-bootstrap-button"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button","blockName":"Bootstrap"},"id":"bad87fee1348cd8acef08812","block":"bootstrap","challengeType":0,"title":"Create a Block Element Bootstrap Button","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-a-block-element-bootstrap-button"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow","blockName":"Bootstrap"},"id":"bad87fee1348cd8acef08811","block":"bootstrap","challengeType":0,"title":"Taste the Bootstrap Button Color Rainbow","order":0,"superBlock":"front-end-development-libraries","dashedName":"taste-the-bootstrap-button-color-rainbow"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info","blockName":"Bootstrap"},"id":"bad87fee1348cd8acef08813","block":"bootstrap","challengeType":0,"title":"Call out Optional Actions with btn-info","order":0,"superBlock":"front-end-development-libraries","dashedName":"call-out-optional-actions-with-btn-info"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger","blockName":"Bootstrap"},"id":"bad87fee1348ce8acef08814","block":"bootstrap","challengeType":0,"title":"Warn Your Users of a Dangerous Action with btn-danger","order":0,"superBlock":"front-end-development-libraries","dashedName":"warn-your-users-of-a-dangerous-action-with-btn-danger"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side","blockName":"Bootstrap"},"id":"bad88fee1348ce8acef08815","block":"bootstrap","challengeType":0,"title":"Use the Bootstrap Grid to Put Elements Side By Side","order":0,"superBlock":"front-end-development-libraries","dashedName":"use-the-bootstrap-grid-to-put-elements-side-by-side"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap","blockName":"Bootstrap"},"id":"bad87fee1347bd9aedf08845","block":"bootstrap","challengeType":0,"title":"Ditch Custom CSS for Bootstrap","order":0,"superBlock":"front-end-development-libraries","dashedName":"ditch-custom-css-for-bootstrap"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements","blockName":"Bootstrap"},"id":"bad87fee1348bd9aedf08845","block":"bootstrap","challengeType":0,"title":"Use a span to Target Inline Elements","order":0,"superBlock":"front-end-development-libraries","dashedName":"use-a-span-to-target-inline-elements"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-a-custom-heading","blockName":"Bootstrap"},"id":"bad87fee1348bd9aede08845","block":"bootstrap","challengeType":0,"title":"Create a Custom Heading","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-a-custom-heading"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons","blockName":"Bootstrap"},"id":"bad87fee1348bd9aedd08845","block":"bootstrap","challengeType":0,"title":"Add Font Awesome Icons to our Buttons","order":0,"superBlock":"front-end-development-libraries","dashedName":"add-font-awesome-icons-to-our-buttons"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons","blockName":"Bootstrap"},"id":"bad87fee1348bd9aedc08845","block":"bootstrap","challengeType":0,"title":"Add Font Awesome Icons to all of our Buttons","order":0,"superBlock":"front-end-development-libraries","dashedName":"add-font-awesome-icons-to-all-of-our-buttons"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/responsively-style-radio-buttons","blockName":"Bootstrap"},"id":"bad87fee1348bd9aedb08845","block":"bootstrap","challengeType":0,"title":"Responsively Style Radio Buttons","order":0,"superBlock":"front-end-development-libraries","dashedName":"responsively-style-radio-buttons"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/responsively-style-checkboxes","blockName":"Bootstrap"},"id":"bad87fee1348bd9aeda08845","block":"bootstrap","challengeType":0,"title":"Responsively Style Checkboxes","order":0,"superBlock":"front-end-development-libraries","dashedName":"responsively-style-checkboxes"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls","blockName":"Bootstrap"},"id":"bad87fee1348bd9aed908845","block":"bootstrap","challengeType":0,"title":"Style Text Inputs as Form Controls","order":0,"superBlock":"front-end-development-libraries","dashedName":"style-text-inputs-as-form-controls"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908845","block":"bootstrap","challengeType":0,"title":"Line up Form Elements Responsively with Bootstrap","order":0,"superBlock":"front-end-development-libraries","dashedName":"line-up-form-elements-responsively-with-bootstrap"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-a-bootstrap-headline","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908846","block":"bootstrap","challengeType":0,"title":"Create a Bootstrap Headline","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-a-bootstrap-headline"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908746","block":"bootstrap","challengeType":0,"title":"House our page within a Bootstrap container-fluid div","order":0,"superBlock":"front-end-development-libraries","dashedName":"house-our-page-within-a-bootstrap-container-fluid-div"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-a-bootstrap-row","blockName":"Bootstrap"},"id":"bad87fee1348bd9bec908846","block":"bootstrap","challengeType":0,"title":"Create a Bootstrap Row","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-a-bootstrap-row"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/split-your-bootstrap-row","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908847","block":"bootstrap","challengeType":0,"title":"Split Your Bootstrap Row","order":0,"superBlock":"front-end-development-libraries","dashedName":"split-your-bootstrap-row"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-bootstrap-wells","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908848","block":"bootstrap","challengeType":0,"title":"Create Bootstrap Wells","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-bootstrap-wells"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908849","block":"bootstrap","challengeType":0,"title":"Add Elements within Your Bootstrap Wells","order":0,"superBlock":"front-end-development-libraries","dashedName":"add-elements-within-your-bootstrap-wells"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/apply-the-default-bootstrap-button-style","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908850","block":"bootstrap","challengeType":0,"title":"Apply the Default Bootstrap Button Style","order":0,"superBlock":"front-end-development-libraries","dashedName":"apply-the-default-bootstrap-button-style"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908852","block":"bootstrap","challengeType":0,"title":"Create a Class to Target with jQuery Selectors","order":0,"superBlock":"front-end-development-libraries","dashedName":"create-a-class-to-target-with-jquery-selectors"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/add-id-attributes-to-bootstrap-elements","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908853","block":"bootstrap","challengeType":0,"title":"Add id Attributes to Bootstrap Elements","order":0,"superBlock":"front-end-development-libraries","dashedName":"add-id-attributes-to-bootstrap-elements"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/label-bootstrap-wells","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908854","block":"bootstrap","challengeType":0,"title":"Label Bootstrap Wells","order":0,"superBlock":"front-end-development-libraries","dashedName":"label-bootstrap-wells"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/give-each-element-a-unique-id","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908855","block":"bootstrap","challengeType":0,"title":"Give Each Element a Unique id","order":0,"superBlock":"front-end-development-libraries","dashedName":"give-each-element-a-unique-id"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/label-bootstrap-buttons","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908856","block":"bootstrap","challengeType":0,"title":"Label Bootstrap Buttons","order":0,"superBlock":"front-end-development-libraries","dashedName":"label-bootstrap-buttons"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/bootstrap/use-comments-to-clarify-code","blockName":"Bootstrap"},"id":"bad87fee1348bd9aec908857","block":"bootstrap","challengeType":0,"title":"Use Comments to Clarify Code","order":0,"superBlock":"front-end-development-libraries","dashedName":"use-comments-to-clarify-code"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/learn-how-script-tags-and-document-ready-work","blockName":"jQuery"},"id":"bad87fee1348bd9acdd08826","block":"jquery","challengeType":6,"title":"Learn How Script Tags and Document Ready Work","order":1,"superBlock":"front-end-development-libraries","dashedName":"learn-how-script-tags-and-document-ready-work"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-html-elements-with-selectors-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9bedc08826","block":"jquery","challengeType":6,"title":"Target HTML Elements with Selectors Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-html-elements-with-selectors-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-elements-by-class-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aedc08826","block":"jquery","challengeType":6,"title":"Target Elements by Class Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-elements-by-class-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-elements-by-id-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aeda08826","block":"jquery","challengeType":6,"title":"Target Elements by id Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-elements-by-id-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/delete-your-jquery-functions","blockName":"jQuery"},"id":"bad87fee1348bd9aeda08726","block":"jquery","challengeType":6,"title":"Delete Your jQuery Functions","order":1,"superBlock":"front-end-development-libraries","dashedName":"delete-your-jquery-functions"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors","blockName":"jQuery"},"id":"bad87fee1348bd9aed908626","block":"jquery","challengeType":6,"title":"Target the Same Element with Multiple jQuery Selectors","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-the-same-element-with-multiple-jquery-selectors"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/remove-classes-from-an-element-with-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed918626","block":"jquery","challengeType":6,"title":"Remove Classes from an Element with jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"remove-classes-from-an-element-with-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/change-the-css-of-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed908826","block":"jquery","challengeType":6,"title":"Change the CSS of an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"change-the-css-of-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/disable-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed808826","block":"jquery","challengeType":6,"title":"Disable an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"disable-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/change-text-inside-an-element-using-jquery","blockName":"jQuery"},"id":"564944c91be2204b269d51e3","block":"jquery","challengeType":6,"title":"Change Text Inside an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"change-text-inside-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/remove-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed708826","block":"jquery","challengeType":6,"title":"Remove an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"remove-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/use-appendto-to-move-elements-with-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed608826","block":"jquery","challengeType":6,"title":"Use appendTo to Move Elements with jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"use-appendto-to-move-elements-with-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/clone-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed508826","block":"jquery","challengeType":6,"title":"Clone an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"clone-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-the-parent-of-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed308826","block":"jquery","challengeType":6,"title":"Target the Parent of an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-the-parent-of-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-the-children-of-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed208826","block":"jquery","challengeType":6,"title":"Target the Children of an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-the-children-of-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-a-specific-child-of-an-element-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed108826","block":"jquery","challengeType":6,"title":"Target a Specific Child of an Element Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-a-specific-child-of-an-element-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/target-even-elements-using-jquery","blockName":"jQuery"},"id":"bad87fee1348bd9aed008826","block":"jquery","challengeType":6,"title":"Target Even Elements Using jQuery","order":1,"superBlock":"front-end-development-libraries","dashedName":"target-even-elements-using-jquery"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/jquery/use-jquery-to-modify-the-entire-page","blockName":"jQuery"},"id":"bad87fee1348bd9aecb08826","block":"jquery","challengeType":6,"title":"Use jQuery to Modify the Entire Page","order":1,"superBlock":"front-end-development-libraries","dashedName":"use-jquery-to-modify-the-entire-page"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/store-data-with-sass-variables","blockName":"Sass"},"id":"587d7dbd367417b2b2512bb4","block":"sass","challengeType":0,"title":"Store Data with Sass Variables","order":2,"superBlock":"front-end-development-libraries","dashedName":"store-data-with-sass-variables"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/nest-css-with-sass","blockName":"Sass"},"id":"587d7dbd367417b2b2512bb5","block":"sass","challengeType":0,"title":"Nest CSS with Sass","order":2,"superBlock":"front-end-development-libraries","dashedName":"nest-css-with-sass"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/create-reusable-css-with-mixins","blockName":"Sass"},"id":"587d7dbd367417b2b2512bb6","block":"sass","challengeType":0,"title":"Create Reusable CSS with Mixins","order":2,"superBlock":"front-end-development-libraries","dashedName":"create-reusable-css-with-mixins"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/use-if-and-else-to-add-logic-to-your-styles","blockName":"Sass"},"id":"587d7dbe367417b2b2512bb8","block":"sass","challengeType":0,"title":"Use @if and @else to Add Logic To Your Styles","order":2,"superBlock":"front-end-development-libraries","dashedName":"use-if-and-else-to-add-logic-to-your-styles"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/use-for-to-create-a-sass-loop","blockName":"Sass"},"id":"587d7dbe367417b2b2512bb9","block":"sass","challengeType":0,"title":"Use @for to Create a Sass Loop","order":2,"superBlock":"front-end-development-libraries","dashedName":"use-for-to-create-a-sass-loop"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/use-each-to-map-over-items-in-a-list","blockName":"Sass"},"id":"587d7dbf367417b2b2512bba","block":"sass","challengeType":0,"title":"Use @each to Map Over Items in a List","order":2,"superBlock":"front-end-development-libraries","dashedName":"use-each-to-map-over-items-in-a-list"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/apply-a-style-until-a-condition-is-met-with-while","blockName":"Sass"},"id":"587d7dbf367417b2b2512bbb","block":"sass","challengeType":0,"title":"Apply a Style Until a Condition is Met with @while","order":2,"superBlock":"front-end-development-libraries","dashedName":"apply-a-style-until-a-condition-is-met-with-while"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/split-your-styles-into-smaller-chunks-with-partials","blockName":"Sass"},"id":"587d7dbf367417b2b2512bbc","block":"sass","challengeType":0,"title":"Split Your Styles into Smaller Chunks with Partials","order":2,"superBlock":"front-end-development-libraries","dashedName":"split-your-styles-into-smaller-chunks-with-partials"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/sass/extend-one-set-of-css-styles-to-another-element","blockName":"Sass"},"id":"587d7fa5367417b2b2512bbd","block":"sass","challengeType":0,"title":"Extend One Set of CSS Styles to Another Element","order":2,"superBlock":"front-end-development-libraries","dashedName":"extend-one-set-of-css-styles-to-another-element"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-simple-jsx-element","blockName":"React"},"id":"587d7dbc367417b2b2512bb1","block":"react","challengeType":6,"title":"Create a Simple JSX Element","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-simple-jsx-element"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-complex-jsx-element","blockName":"React"},"id":"5a24bbe0dba28a8d3cbd4c5d","block":"react","challengeType":6,"title":"Create a Complex JSX Element","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-complex-jsx-element"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/add-comments-in-jsx","blockName":"React"},"id":"5a24bbe0dba28a8d3cbd4c5e","block":"react","challengeType":6,"title":"Add Comments in JSX","order":3,"superBlock":"front-end-development-libraries","dashedName":"add-comments-in-jsx"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-html-elements-to-the-dom","blockName":"React"},"id":"5a24bbe0dba28a8d3cbd4c5f","block":"react","challengeType":6,"title":"Render HTML Elements to the DOM","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-html-elements-to-the-dom"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/define-an-html-class-in-jsx","blockName":"React"},"id":"5a24c314108439a4d4036160","block":"react","challengeType":6,"title":"Define an HTML Class in JSX","order":3,"superBlock":"front-end-development-libraries","dashedName":"define-an-html-class-in-jsx"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/learn-about-self-closing-jsx-tags","blockName":"React"},"id":"5a24c314108439a4d4036161","block":"react","challengeType":6,"title":"Learn About Self-Closing JSX Tags","order":3,"superBlock":"front-end-development-libraries","dashedName":"learn-about-self-closing-jsx-tags"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-stateless-functional-component","blockName":"React"},"id":"5a24c314108439a4d4036162","block":"react","challengeType":6,"title":"Create a Stateless Functional Component","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-stateless-functional-component"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-react-component","blockName":"React"},"id":"5a24c314108439a4d4036163","block":"react","challengeType":6,"title":"Create a React Component","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-react-component"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-component-with-composition","blockName":"React"},"id":"5a24c314108439a4d4036164","block":"react","challengeType":6,"title":"Create a Component with Composition","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-component-with-composition"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-react-to-render-nested-components","blockName":"React"},"id":"5a24c314108439a4d4036165","block":"react","challengeType":6,"title":"Use React to Render Nested Components","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-react-to-render-nested-components"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/compose-react-components","blockName":"React"},"id":"5a24c314108439a4d4036166","block":"react","challengeType":6,"title":"Compose React Components","order":3,"superBlock":"front-end-development-libraries","dashedName":"compose-react-components"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-a-class-component-to-the-dom","blockName":"React"},"id":"5a24c314108439a4d4036167","block":"react","challengeType":6,"title":"Render a Class Component to the DOM","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-a-class-component-to-the-dom"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/write-a-react-component-from-scratch","blockName":"React"},"id":"5a24c314108439a4d4036168","block":"react","challengeType":6,"title":"Write a React Component from Scratch","order":3,"superBlock":"front-end-development-libraries","dashedName":"write-a-react-component-from-scratch"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/pass-props-to-a-stateless-functional-component","blockName":"React"},"id":"5a24c314108439a4d4036169","block":"react","challengeType":6,"title":"Pass Props to a Stateless Functional Component","order":3,"superBlock":"front-end-development-libraries","dashedName":"pass-props-to-a-stateless-functional-component"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/pass-an-array-as-props","blockName":"React"},"id":"5a24c314108439a4d403616a","block":"react","challengeType":6,"title":"Pass an Array as Props","order":3,"superBlock":"front-end-development-libraries","dashedName":"pass-an-array-as-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-default-props","blockName":"React"},"id":"5a24c314108439a4d403616b","block":"react","challengeType":6,"title":"Use Default Props","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-default-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/override-default-props","blockName":"React"},"id":"5a24c314108439a4d403616c","block":"react","challengeType":6,"title":"Override Default Props","order":3,"superBlock":"front-end-development-libraries","dashedName":"override-default-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-proptypes-to-define-the-props-you-expect","blockName":"React"},"id":"5a24c314108439a4d403616d","block":"react","challengeType":6,"title":"Use PropTypes to Define the Props You Expect","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-proptypes-to-define-the-props-you-expect"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/access-props-using-this-props","blockName":"React"},"id":"5a24c314108439a4d403616e","block":"react","challengeType":6,"title":"Access Props Using this.props","order":3,"superBlock":"front-end-development-libraries","dashedName":"access-props-using-this-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/review-using-props-with-stateless-functional-components","blockName":"React"},"id":"5a24c314108439a4d403616f","block":"react","challengeType":6,"title":"Review Using Props with Stateless Functional Components","order":3,"superBlock":"front-end-development-libraries","dashedName":"review-using-props-with-stateless-functional-components"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-stateful-component","blockName":"React"},"id":"5a24c314108439a4d4036170","block":"react","challengeType":6,"title":"Create a Stateful Component","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-stateful-component"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-state-in-the-user-interface","blockName":"React"},"id":"5a24c314108439a4d4036171","block":"react","challengeType":6,"title":"Render State in the User Interface","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-state-in-the-user-interface"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-state-in-the-user-interface-another-way","blockName":"React"},"id":"5a24c314108439a4d4036172","block":"react","challengeType":6,"title":"Render State in the User Interface Another Way","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-state-in-the-user-interface-another-way"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/set-state-with-this-setstate","blockName":"React"},"id":"5a24c314108439a4d4036173","block":"react","challengeType":6,"title":"Set State with this.setState","order":3,"superBlock":"front-end-development-libraries","dashedName":"set-state-with-this-setstate"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/bind-this-to-a-class-method","blockName":"React"},"id":"5a24c314108439a4d4036174","block":"react","challengeType":6,"title":"Bind 'this' to a Class Method","order":3,"superBlock":"front-end-development-libraries","dashedName":"bind-this-to-a-class-method"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-state-to-toggle-an-element","blockName":"React"},"id":"5a24c314108439a4d4036176","block":"react","challengeType":6,"title":"Use State to Toggle an Element","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-state-to-toggle-an-element"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/write-a-simple-counter","blockName":"React"},"id":"5a24c314108439a4d4036177","block":"react","challengeType":6,"title":"Write a Simple Counter","order":3,"superBlock":"front-end-development-libraries","dashedName":"write-a-simple-counter"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-controlled-input","blockName":"React"},"id":"5a24c314108439a4d4036178","block":"react","challengeType":6,"title":"Create a Controlled Input","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-controlled-input"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/create-a-controlled-form","blockName":"React"},"id":"5a24c314108439a4d4036179","block":"react","challengeType":6,"title":"Create a Controlled Form","order":3,"superBlock":"front-end-development-libraries","dashedName":"create-a-controlled-form"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/pass-state-as-props-to-child-components","blockName":"React"},"id":"5a24c314108439a4d403617a","block":"react","challengeType":6,"title":"Pass State as Props to Child Components","order":3,"superBlock":"front-end-development-libraries","dashedName":"pass-state-as-props-to-child-components"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/pass-a-callback-as-props","blockName":"React"},"id":"5a24c314108439a4d403617b","block":"react","challengeType":6,"title":"Pass a Callback as Props","order":3,"superBlock":"front-end-development-libraries","dashedName":"pass-a-callback-as-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-the-lifecycle-method-componentwillmount","blockName":"React"},"id":"5a24c314108439a4d403617c","block":"react","challengeType":6,"title":"Use the Lifecycle Method componentWillMount","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-the-lifecycle-method-componentwillmount"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-the-lifecycle-method-componentdidmount","blockName":"React"},"id":"5a24c314108439a4d403617d","block":"react","challengeType":6,"title":"Use the Lifecycle Method componentDidMount","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-the-lifecycle-method-componentdidmount"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/add-event-listeners","blockName":"React"},"id":"5a24c314108439a4d403617e","block":"react","challengeType":6,"title":"Add Event Listeners","order":3,"superBlock":"front-end-development-libraries","dashedName":"add-event-listeners"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/optimize-re-renders-with-shouldcomponentupdate","blockName":"React"},"id":"5a24c314108439a4d4036180","block":"react","challengeType":6,"title":"Optimize Re-Renders with shouldComponentUpdate","order":3,"superBlock":"front-end-development-libraries","dashedName":"optimize-re-renders-with-shouldcomponentupdate"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/introducing-inline-styles","blockName":"React"},"id":"5a24c314108439a4d4036181","block":"react","challengeType":6,"title":"Introducing Inline Styles","order":3,"superBlock":"front-end-development-libraries","dashedName":"introducing-inline-styles"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/add-inline-styles-in-react","blockName":"React"},"id":"5a24c314108439a4d4036182","block":"react","challengeType":6,"title":"Add Inline Styles in React","order":3,"superBlock":"front-end-development-libraries","dashedName":"add-inline-styles-in-react"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-advanced-javascript-in-react-render-method","blockName":"React"},"id":"5a24c314108439a4d4036183","block":"react","challengeType":6,"title":"Use Advanced JavaScript in React Render Method","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-advanced-javascript-in-react-render-method"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-with-an-if-else-condition","blockName":"React"},"id":"5a24c314108439a4d4036184","block":"react","challengeType":6,"title":"Render with an If-Else Condition","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-with-an-if-else-condition"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use--for-a-more-concise-conditional","blockName":"React"},"id":"5a24c314108439a4d4036185","block":"react","challengeType":6,"title":"Use && for a More Concise Conditional","order":3,"superBlock":"front-end-development-libraries","dashedName":"use--for-a-more-concise-conditional"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering","blockName":"React"},"id":"5a24c314108439a4d4036187","block":"react","challengeType":6,"title":"Use a Ternary Expression for Conditional Rendering","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-a-ternary-expression-for-conditional-rendering"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-conditionally-from-props","blockName":"React"},"id":"5a24c314108439a4d4036188","block":"react","challengeType":6,"title":"Render Conditionally from Props","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-conditionally-from-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/change-inline-css-conditionally-based-on-component-state","blockName":"React"},"id":"5a24c314108439a4d4036189","block":"react","challengeType":6,"title":"Change Inline CSS Conditionally Based on Component State","order":3,"superBlock":"front-end-development-libraries","dashedName":"change-inline-css-conditionally-based-on-component-state"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-array-map-to-dynamically-render-elements","blockName":"React"},"id":"5a24c314108439a4d403618a","block":"react","challengeType":6,"title":"Use Array.map() to Dynamically Render Elements","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-array-map-to-dynamically-render-elements"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/give-sibling-elements-a-unique-key-attribute","blockName":"React"},"id":"5a24c314108439a4d403618b","block":"react","challengeType":6,"title":"Give Sibling Elements a Unique Key Attribute","order":3,"superBlock":"front-end-development-libraries","dashedName":"give-sibling-elements-a-unique-key-attribute"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/use-array-filter-to-dynamically-filter-an-array","blockName":"React"},"id":"5a24c314108439a4d403618c","block":"react","challengeType":6,"title":"Use Array.filter() to Dynamically Filter an Array","order":3,"superBlock":"front-end-development-libraries","dashedName":"use-array-filter-to-dynamically-filter-an-array"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react/render-react-on-the-server-with-rendertostring","blockName":"React"},"id":"5a24c314108439a4d403618d","block":"react","challengeType":6,"title":"Render React on the Server with renderToString","order":3,"superBlock":"front-end-development-libraries","dashedName":"render-react-on-the-server-with-rendertostring"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/create-a-redux-store","blockName":"Redux"},"id":"5a24c314108439a4d403614b","block":"redux","challengeType":6,"title":"Create a Redux Store","order":4,"superBlock":"front-end-development-libraries","dashedName":"create-a-redux-store"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/get-state-from-the-redux-store","blockName":"Redux"},"id":"5a24c314108439a4d403614c","block":"redux","challengeType":6,"title":"Get State from the Redux Store","order":4,"superBlock":"front-end-development-libraries","dashedName":"get-state-from-the-redux-store"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/define-a-redux-action","blockName":"Redux"},"id":"5a24c314108439a4d403614d","block":"redux","challengeType":6,"title":"Define a Redux Action","order":4,"superBlock":"front-end-development-libraries","dashedName":"define-a-redux-action"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/define-an-action-creator","blockName":"Redux"},"id":"5a24c314108439a4d403614e","block":"redux","challengeType":6,"title":"Define an Action Creator","order":4,"superBlock":"front-end-development-libraries","dashedName":"define-an-action-creator"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/dispatch-an-action-event","blockName":"Redux"},"id":"5a24c314108439a4d403614f","block":"redux","challengeType":6,"title":"Dispatch an Action Event","order":4,"superBlock":"front-end-development-libraries","dashedName":"dispatch-an-action-event"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/handle-an-action-in-the-store","blockName":"Redux"},"id":"5a24c314108439a4d4036150","block":"redux","challengeType":6,"title":"Handle an Action in the Store","order":4,"superBlock":"front-end-development-libraries","dashedName":"handle-an-action-in-the-store"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions","blockName":"Redux"},"id":"5a24c314108439a4d4036151","block":"redux","challengeType":6,"title":"Use a Switch Statement to Handle Multiple Actions","order":4,"superBlock":"front-end-development-libraries","dashedName":"use-a-switch-statement-to-handle-multiple-actions"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/use-const-for-action-types","blockName":"Redux"},"id":"5a24c314108439a4d4036152","block":"redux","challengeType":6,"title":"Use const for Action Types","order":4,"superBlock":"front-end-development-libraries","dashedName":"use-const-for-action-types"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/register-a-store-listener","blockName":"Redux"},"id":"5a24c314108439a4d4036153","block":"redux","challengeType":6,"title":"Register a Store Listener","order":4,"superBlock":"front-end-development-libraries","dashedName":"register-a-store-listener"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/combine-multiple-reducers","blockName":"Redux"},"id":"5a24c314108439a4d4036154","block":"redux","challengeType":6,"title":"Combine Multiple Reducers","order":4,"superBlock":"front-end-development-libraries","dashedName":"combine-multiple-reducers"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/send-action-data-to-the-store","blockName":"Redux"},"id":"5a24c314108439a4d4036155","block":"redux","challengeType":6,"title":"Send Action Data to the Store","order":4,"superBlock":"front-end-development-libraries","dashedName":"send-action-data-to-the-store"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/use-middleware-to-handle-asynchronous-actions","blockName":"Redux"},"id":"5a24c314108439a4d4036156","block":"redux","challengeType":6,"title":"Use Middleware to Handle Asynchronous Actions","order":4,"superBlock":"front-end-development-libraries","dashedName":"use-middleware-to-handle-asynchronous-actions"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/write-a-counter-with-redux","blockName":"Redux"},"id":"5a24c314108439a4d4036157","block":"redux","challengeType":6,"title":"Write a Counter with Redux","order":4,"superBlock":"front-end-development-libraries","dashedName":"write-a-counter-with-redux"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/never-mutate-state","blockName":"Redux"},"id":"5a24c314108439a4d4036158","block":"redux","challengeType":6,"title":"Never Mutate State","order":4,"superBlock":"front-end-development-libraries","dashedName":"never-mutate-state"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/use-the-spread-operator-on-arrays","blockName":"Redux"},"id":"5a24c314108439a4d4036159","block":"redux","challengeType":6,"title":"Use the Spread Operator on Arrays","order":4,"superBlock":"front-end-development-libraries","dashedName":"use-the-spread-operator-on-arrays"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/remove-an-item-from-an-array","blockName":"Redux"},"id":"5a24c314108439a4d403615a","block":"redux","challengeType":6,"title":"Remove an Item from an Array","order":4,"superBlock":"front-end-development-libraries","dashedName":"remove-an-item-from-an-array"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/redux/copy-an-object-with-object-assign","blockName":"Redux"},"id":"5a24c314108439a4d403615b","block":"redux","challengeType":6,"title":"Copy an Object with Object.assign","order":4,"superBlock":"front-end-development-libraries","dashedName":"copy-an-object-with-object-assign"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/getting-started-with-react-redux","blockName":"React and Redux"},"id":"5a24c314108439a4d4036141","block":"react-and-redux","challengeType":6,"title":"Getting Started with React Redux","order":5,"superBlock":"front-end-development-libraries","dashedName":"getting-started-with-react-redux"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/manage-state-locally-first","blockName":"React and Redux"},"id":"5a24c314108439a4d4036142","block":"react-and-redux","challengeType":6,"title":"Manage State Locally First","order":5,"superBlock":"front-end-development-libraries","dashedName":"manage-state-locally-first"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/extract-state-logic-to-redux","blockName":"React and Redux"},"id":"5a24c314108439a4d4036143","block":"react-and-redux","challengeType":6,"title":"Extract State Logic to Redux","order":5,"superBlock":"front-end-development-libraries","dashedName":"extract-state-logic-to-redux"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react","blockName":"React and Redux"},"id":"5a24c314108439a4d4036144","block":"react-and-redux","challengeType":6,"title":"Use Provider to Connect Redux to React","order":5,"superBlock":"front-end-development-libraries","dashedName":"use-provider-to-connect-redux-to-react"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/map-state-to-props","blockName":"React and Redux"},"id":"5a24c314108439a4d4036145","block":"react-and-redux","challengeType":6,"title":"Map State to Props","order":5,"superBlock":"front-end-development-libraries","dashedName":"map-state-to-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/map-dispatch-to-props","blockName":"React and Redux"},"id":"5a24c314108439a4d4036146","block":"react-and-redux","challengeType":6,"title":"Map Dispatch to Props","order":5,"superBlock":"front-end-development-libraries","dashedName":"map-dispatch-to-props"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/connect-redux-to-react","blockName":"React and Redux"},"id":"5a24c314108439a4d4036147","block":"react-and-redux","challengeType":6,"title":"Connect Redux to React","order":5,"superBlock":"front-end-development-libraries","dashedName":"connect-redux-to-react"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app","blockName":"React and Redux"},"id":"5a24c314108439a4d4036148","block":"react-and-redux","challengeType":6,"title":"Connect Redux to the Messages App","order":5,"superBlock":"front-end-development-libraries","dashedName":"connect-redux-to-the-messages-app"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/extract-local-state-into-redux","blockName":"React and Redux"},"id":"5a24c314108439a4d4036149","block":"react-and-redux","challengeType":6,"title":"Extract Local State into Redux","order":5,"superBlock":"front-end-development-libraries","dashedName":"extract-local-state-into-redux"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/react-and-redux/moving-forward-from-here","blockName":"React and Redux"},"id":"5a24c314108439a4d403614a","block":"react-and-redux","challengeType":6,"title":"Moving Forward From Here","order":5,"superBlock":"front-end-development-libraries","dashedName":"moving-forward-from-here"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine","blockName":"Front End Development Libraries Projects"},"id":"bd7158d8c442eddfaeb5bd13","block":"front-end-development-libraries-projects","challengeType":3,"title":"Build a Random Quote Machine","order":6,"superBlock":"front-end-development-libraries","dashedName":"build-a-random-quote-machine"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer","blockName":"Front End Development Libraries Projects"},"id":"bd7157d8c242eddfaeb5bd13","block":"front-end-development-libraries-projects","challengeType":3,"title":"Build a Markdown Previewer","order":6,"superBlock":"front-end-development-libraries","dashedName":"build-a-markdown-previewer"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine","blockName":"Front End Development Libraries Projects"},"id":"587d7dbc367417b2b2512bae","block":"front-end-development-libraries-projects","challengeType":3,"title":"Build a Drum Machine","order":6,"superBlock":"front-end-development-libraries","dashedName":"build-a-drum-machine"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator","blockName":"Front End Development Libraries Projects"},"id":"bd7158d8c442eddfaeb5bd17","block":"front-end-development-libraries-projects","challengeType":3,"title":"Build a JavaScript Calculator","order":6,"superBlock":"front-end-development-libraries","dashedName":"build-a-javascript-calculator"}}},{"node":{"challenge":{"fields":{"slug":"/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-25--5-clock","blockName":"Front End Development Libraries Projects"},"id":"bd7158d8c442eddfaeb5bd0f","block":"front-end-development-libraries-projects","challengeType":3,"title":"Build a 25 + 5 Clock","order":6,"superBlock":"front-end-development-libraries","dashedName":"build-a-25--5-clock"}}}]}},"pageContext":{"certification":"front-end-development-libraries","superBlock":"front-end-development-libraries","slug":"/learn/front-end-development-libraries/"}},
    "staticQueryHashes": ["3851966407","3877153394"]}