{"isTableOfContentPresent":true,"courseSlug":"learn-react","chapters":{"110-getting-started":{"chapterName":"Getting started","tocColumnsForDisplay":[[{"file":"110-working-internet.md","title":"

All you need is a working internet connection

","slug":"all-you-need-is-a-working-internet-connection","is_not_exercise":true,"label":"1.1","pagePath":"/learn-react/pages/all-you-need-is-a-working-internet-connection","pageName":"

All you need is a working internet connection

"},{"file":"120-help.md","title":"

Let us know what you think of BigBinary Academy

","slug":"let-us-know-what-you-think-of-bigbinary-academy","is_not_exercise":true,"label":"1.2","pagePath":"/learn-react/pages/let-us-know-what-you-think-of-bigbinary-academy","pageName":"

Let us know what you think of BigBinary Academy

"}],[{"file":"130-next-previous-using-keyboard.md","title":"

Next & Previous page using keyboard

","slug":"next-previous-page-using-keyboard","is_not_exercise":true,"label":"1.3","pagePath":"/learn-react/pages/next-previous-page-using-keyboard","pageName":"

Next & Previous page using keyboard

"},null]]},"120-basic-react":{"chapterName":"Basic React","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources

","slug":"resources","is_not_exercise":true,"label":"2.1","pagePath":"/learn-react/pages/resources","pageName":"

Resources

"}],[null]]},"130-usestate-hook":{"chapterName":"The useState Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useState

","slug":"usestate-hook","is_not_exercise":true,"label":"3.1","pagePath":"/learn-react/pages/usestate-hook","pageName":"

Resources for useState

"}],[null]]},"140-useeffect-hook":{"chapterName":"The useEffect Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useEffect

","slug":"useffect-hook","is_not_exercise":true,"label":"4.1","pagePath":"/learn-react/pages/useffect-hook","pageName":"

Resources for useEffect

"}],[null]]},"150-usememo-hook":{"chapterName":"The useMemo Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useMemo

","slug":"usememo-hook","is_not_exercise":true,"label":"5.1","pagePath":"/learn-react/pages/usememo-hook","pageName":"

Resources for useMemo

"}],[null]]},"160-usecallback-hook":{"chapterName":"The useCallback Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useCallback

","slug":"usecallback-hook","is_not_exercise":true,"label":"6.1","pagePath":"/learn-react/pages/usecallback-hook","pageName":"

Resources for useCallback

"}],[null]]},"170-useref-hook":{"chapterName":"The useRef Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useRef

","slug":"useref-hook","is_not_exercise":true,"label":"7.1","pagePath":"/learn-react/pages/useref-hook","pageName":"

Resources for useRef

"}],[null]]},"180-usereducer-hook":{"chapterName":"The useReducer Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useReducer

","slug":"usereducer-hook","is_not_exercise":true,"label":"8.1","pagePath":"/learn-react/pages/usereducer-hook","pageName":"

Resources for useReducer

"}],[null]]},"190-usecontext-hook":{"chapterName":"The useContext Hook","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources for useContext

","slug":"usecontext-hook","is_not_exercise":true,"label":"9.1","pagePath":"/learn-react/pages/usecontext-hook","pageName":"

Resources for useContext

"}],[null]]},"200-debugging-in-react":{"chapterName":"Debugging in React","tocColumnsForDisplay":[[{"file":"110-resources.md","title":"

Resources on debugging in React

","slug":"debugging-in-react","is_not_exercise":true,"label":"10.1","pagePath":"/learn-react/pages/debugging-in-react","pageName":"

Resources on debugging in React

"}],[null]]},"210-refactored-coursework":{"chapterName":"Refactored Coursework","tocColumnsForDisplay":[[{"file":"101-initial-writeup.md","title":"

Initial Writeup

","slug":"initial-writeup","is_not_exercise":true,"label":"11.1","pagePath":"/learn-react/pages/initial-writeup","pageName":"

Initial Writeup

"},{"file":"110-what-is-react.md","title":"

What is React

","slug":"what-is-react","is_not_exercise":true,"label":"11.2","pagePath":"/learn-react/pages/what-is-react","pageName":"

What is React

"},{"file":"120-is-js-not-enough.md","title":"

Is JavaScript Not Enough

","slug":"is-javascript-not-enough","is_not_exercise":true,"label":"11.3","pagePath":"/learn-react/pages/is-javascript-not-enough","pageName":"

Is JavaScript Not Enough

"},{"file":"130-virtual-dom.md","title":"

Virtual DOM

","slug":"virtual-dom","is_not_exercise":true,"label":"11.4","pagePath":"/learn-react/pages/virtual-dom","pageName":"

Virtual DOM

"}],[{"file":"140-your-first-react-code.md","title":"

Your First React Code

","slug":"your-first-react-code","is_not_exercise":true,"label":"11.5","pagePath":"/learn-react/pages/your-first-react-code","pageName":"

Your First React Code

"},{"file":"150-creating-multiple-elements-with-createelement.md","title":"

Creating Multiple Elements With createElement

","slug":"creating-multiple-elements-with-createelement","is_not_exercise":true,"label":"11.6","pagePath":"/learn-react/pages/creating-multiple-elements-with-createelement","pageName":"

Creating Multiple Elements With createElement

"},{"file":"160-include-jsx-in-your-code.md","title":"

Include JSX in Your Code

","slug":"include-jsx-in-your-code","is_not_exercise":true,"label":"11.7","pagePath":"/learn-react/pages/include-jsx-in-your-code","pageName":"

Include JSX in Your Code

"},null]]},"220-components":{"chapterName":"Components","tocColumnsForDisplay":[[{"file":"110-structure-of-a-basic-react-app.md","title":"

Structure of A Basic React App

","slug":"structure-of-a-basic-react-app","is_not_exercise":true,"label":"12.1","pagePath":"/learn-react/pages/structure-of-a-basic-react-app","pageName":"

Structure of A Basic React App

"},{"file":"120-breaking-up-our-app-in-parts.md","title":"

Breaking Up Our App in Smaller Parts

","slug":"breaking-up-our-app-in-smaller-parts","is_not_exercise":true,"label":"12.2","pagePath":"/learn-react/pages/breaking-up-our-app-in-smaller-parts","pageName":"

Breaking Up Our App in Smaller Parts

"},{"file":"130-functional-components.md","title":"

Functional Components

","slug":"functional-components","is_not_exercise":true,"label":"12.3","pagePath":"/learn-react/pages/functional-components","pageName":"

Functional Components

"},{"file":"140-returning-multiple-tags.md","title":"

Returning Multiple Tags

","slug":"returning-multiple-tags","is_not_exercise":true,"label":"12.4","pagePath":"/learn-react/pages/returning-multiple-tags","pageName":"

Returning Multiple Tags

"},{"file":"150-parentheses-for-multiline-returns.md","title":"

Parentheses for Multiline Returns

","slug":"parentheses-for-multiline-returns","is_not_exercise":true,"label":"12.5","pagePath":"/learn-react/pages/parentheses-for-multiline-returns","pageName":"

Parentheses for Multiline Returns

"}],[{"file":"160-working-with-multiple-components.md","title":"

Working with Multiple Components

","slug":"working-with-multiple-components","is_not_exercise":true,"label":"12.6","pagePath":"/learn-react/pages/working-with-multiple-components","pageName":"

Working with Multiple Components

"},{"file":"170-naming-conventions.md","title":"

Naming Components in React

","slug":"naming-components-in-react","is_not_exercise":true,"label":"12.7","pagePath":"/learn-react/pages/naming-components-in-react","pageName":"

Naming Components in React

"},{"file":"180-using-function-to-create-a-functional-component.md","title":"

Using function to Create a Functional Component

","slug":"using-function-to-create-a-functional-component","is_not_exercise":true,"label":"12.8","pagePath":"/learn-react/pages/using-function-to-create-a-functional-component","pageName":"

Using function to Create a Functional Component

"},{"file":"190-separating-components-in-different-files.md","title":"

Separating Components in Different Files

","slug":"separating-components-in-different-files","is_not_exercise":true,"label":"12.9","pagePath":"/learn-react/pages/separating-components-in-different-files","pageName":"

Separating Components in Different Files

"},null]]},"230-jsx":{"chapterName":"jsx","tocColumnsForDisplay":[[{"file":"110-html-in-javascript.md","title":"

HTML in JavaScript

","slug":"html-in-javascript","is_not_exercise":true,"label":"13.1","pagePath":"/learn-react/pages/html-in-javascript","pageName":"

HTML in JavaScript

"},{"file":"120-accessing-variables-in-jsx.md","title":"

Accessing Variables in jsx

","slug":"accessing-variables-in-jsx","is_not_exercise":true,"label":"13.2","pagePath":"/learn-react/pages/accessing-variables-in-jsx","pageName":"

Accessing Variables in jsx

"}],[{"file":"130-jsx-expressions.md","title":"

jsx expressions

","slug":"jsx-expressions","is_not_exercise":true,"label":"13.3","pagePath":"/learn-react/pages/jsx-expressions","pageName":"

jsx expressions

"},{"file":"140-classname.md","title":"

classname

","slug":"classname","is_not_exercise":true,"label":"13.4","pagePath":"/learn-react/pages/classname","pageName":"

classname

"}]]},"240-emoji-app":{"chapterName":"Emoji App","tocColumnsForDisplay":[[{"file":"110-start-building-a-small-app.md","title":"

Start Building a Small App

","slug":"start-building-a-small-app","is_not_exercise":true,"label":"14.1","pagePath":"/learn-react/pages/start-building-a-small-app","pageName":"

Start Building a Small App

"},{"file":"120-add-an-emoji-button-to-app.md","title":"

Add an Emoji Button To App

","slug":"add-an-emoji-button-to-app","is_not_exercise":true,"label":"14.2","pagePath":"/learn-react/pages/add-an-emoji-button-to-app","pageName":"

Add an Emoji Button To App

"},{"file":"130-make-button-work.md","title":"

Make Button Work

","slug":"make-button-work","is_not_exercise":true,"label":"14.3","pagePath":"/learn-react/pages/make-button-work","pageName":"

Make Button Work

"}],[{"file":"140-button-to-remove-emoji.md","title":"

Button to Remove the Emoji

","slug":"button-to-remove-the-emoji","is_not_exercise":true,"label":"14.4","pagePath":"/learn-react/pages/button-to-remove-the-emoji","pageName":"

Button to Remove the Emoji

"},{"file":"150-add-styling.md","title":"

Add Styling

","slug":"add-styling","is_not_exercise":true,"label":"14.5","pagePath":"/learn-react/pages/add-styling","pageName":"

Add Styling

"},null]]},"250-working-with-data":{"chapterName":"Working With Data","tocColumnsForDisplay":[[{"file":"110-props.md","title":"

Props

","slug":"props","is_not_exercise":true,"label":"15.1","pagePath":"/learn-react/pages/props","pageName":"

Props

"}],[null]]}}}