{"isTableOfContentPresent":true,"courseSlug":"learn-react","chapters":{"110-getting-started":{"chapterName":"Getting started","pages":[{"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

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

Resources

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

Resources

"}]},"130-usestate-hook":{"chapterName":"The useState Hook","pages":[{"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

"},{"file":"120-exercise-1.md","title":"

Exercise 1 - useState

","slug":"exercise-1-useState","is_not_exercise":false,"label":"3.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-useState","pageName":"

Exercise 1 - useState

"},{"file":"130-exercise-2.md","title":"

Exercise 2 - useState

","slug":"exercise-2-useState","is_not_exercise":false,"label":"3.1 - Ex 2","pagePath":"/learn-react/pages/exercise-2-useState","pageName":"

Exercise 2 - useState

"}]},"140-useeffect-hook":{"chapterName":"The useEffect Hook","pages":[{"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

"},{"file":"120-exercise-1.md","title":"

Exercise 1 - useEffect

","slug":"exercise-1-useeffect","is_not_exercise":false,"label":"4.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-useeffect","pageName":"

Exercise 1 - useEffect

"},{"file":"130-exercise-2.md","title":"

Exercise 2 - useEffect

","slug":"exercise-2-useeffect","is_not_exercise":false,"label":"4.1 - Ex 2","pagePath":"/learn-react/pages/exercise-2-useeffect","pageName":"

Exercise 2 - useEffect

"},{"file":"140-exercise-3.md","title":"

Exercise 3 - useEffect

","slug":"exercise-3-useeffect","is_not_exercise":false,"label":"4.1 - Ex 3","pagePath":"/learn-react/pages/exercise-3-useeffect","pageName":"

Exercise 3 - useEffect

"}]},"150-usememo-hook":{"chapterName":"The useMemo Hook","pages":[{"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

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

Exercise 1 - useMemo

","slug":"exercise-1-usememo","is_not_exercise":false,"label":"5.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-usememo","pageName":"

Exercise 1 - useMemo

"}]},"160-usecallback-hook":{"chapterName":"The useCallback Hook","pages":[{"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

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

Exercise 1 - useCallback

","slug":"exercise-1-usecallback","is_not_exercise":false,"label":"6.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-usecallback","pageName":"

Exercise 1 - useCallback

"}]},"170-useref-hook":{"chapterName":"The useRef Hook","pages":[{"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

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

Exercise 1 - useRef

","slug":"exercise-1-useref","is_not_exercise":false,"label":"7.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-useref","pageName":"

Exercise 1 - useRef

"}]},"180-usereducer-hook":{"chapterName":"The useReducer Hook","pages":[{"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

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

Exercise 1 - useReducer

","slug":"exercise-1-usereducer","is_not_exercise":false,"label":"8.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-usereducer","pageName":"

Exercise 1 - useReducer

"}]},"190-usecontext-hook":{"chapterName":"The useContext Hook","pages":[{"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

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

Exercise 1 - useContext

","slug":"exercise-1-useContext","is_not_exercise":false,"label":"9.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-useContext","pageName":"

Exercise 1 - useContext

"}]},"200-debugging-in-react":{"chapterName":"Debugging in React","pages":[{"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

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

Exercise 1 - Debugging in React

","slug":"exercise-1-debugging-in-react","is_not_exercise":false,"label":"10.1 - Ex 1","pagePath":"/learn-react/pages/exercise-1-debugging-in-react","pageName":"

Exercise 1 - Debugging in React

"}]},"260-react-best-practices":{"chapterName":"React Best Practices","pages":[{"file":"110-prefer-axios-over-fetch.md","title":"

Prefer Axios over fetch

","slug":"prefer-axios-over-fetch","is_not_exercise":true,"label":"11.1","pagePath":"/learn-react/pages/prefer-axios-over-fetch","pageName":"

Prefer Axios over fetch

"},{"file":"120-logout-on-401.md","title":"

Logout on 401 Response

","slug":"logout-on-401-response","is_not_exercise":true,"label":"11.2","pagePath":"/learn-react/pages/logout-on-401-response","pageName":"

Logout on 401 Response

"},{"file":"130-sort-import-statements.md","title":"

Sorting import statements

","slug":"sorting-import-statements","is_not_exercise":true,"label":"11.3","pagePath":"/learn-react/pages/sorting-import-statements","pageName":"

Sorting import statements

"},{"file":"140-use-class-properties.md","title":"

Use Class properties instead of declaring state in constructor

","slug":"use-class-properties-instead-of-declaring-state-in-constructor","is_not_exercise":true,"label":"11.4","pagePath":"/learn-react/pages/use-class-properties-instead-of-declaring-state-in-constructor","pageName":"

Use Class properties instead of declaring state in constructor

"},{"file":"150-how-to-use-destructuring.md","title":"

How to use destructuring

","slug":"how-to-use-destructuring","is_not_exercise":true,"label":"11.5","pagePath":"/learn-react/pages/how-to-use-destructuring","pageName":"

How to use destructuring

"},{"file":"160-reusable-components.md","title":"

Reusable components

","slug":"reusable-components","is_not_exercise":true,"label":"11.6","pagePath":"/learn-react/pages/reusable-components","pageName":"

Reusable components

"},{"file":"170-handling-async-code.md","title":"

Handling asynchronous code

","slug":"handling-asynchronous-code","is_not_exercise":true,"label":"11.7","pagePath":"/learn-react/pages/handling-asynchronous-code","pageName":"

Handling asynchronous code

"},{"file":"180-using-unique-keys-for-list-elements.md","title":"

Using unique keys for list elements

","slug":"using-unique-keys-for-list-elements","is_not_exercise":true,"label":"11.8","pagePath":"/learn-react/pages/using-unique-keys-for-list-elements","pageName":"

Using unique keys for list elements

"},{"file":"190-react-children.md","title":"

Using React Children for composition

","slug":"using-react-children-for-composition","is_not_exercise":true,"label":"11.9","pagePath":"/learn-react/pages/using-react-children-for-composition","pageName":"

Using React Children for composition

"},{"file":"200-compound-react-components.md","title":"

Compound React components

","slug":"compound-react-components","is_not_exercise":true,"label":"11.10","pagePath":"/learn-react/pages/compound-react-components","pageName":"

Compound React components

"},{"file":"210-learn-ramda-js.md","title":"

Learn RamdaJS

","slug":"learn-ramda-js","is_not_exercise":true,"label":"11.11","pagePath":"/learn-react/pages/learn-ramda-js","pageName":"

Learn RamdaJS

"},{"file":"220-use-classnames-package.md","title":"

Use Classnames Package while adding conditional classes

","slug":"use-classnames-package-while-adding-conditional-classes","is_not_exercise":true,"label":"11.12","pagePath":"/learn-react/pages/use-classnames-package-while-adding-conditional-classes","pageName":"

Use Classnames Package while adding conditional classes

"},{"file":"230-best-practices-in-react-routing.md","title":"

Best practices in React routing

","slug":"best-practices-in-react-routing","is_not_exercise":true,"label":"11.13","pagePath":"/learn-react/pages/best-practices-in-react-routing","pageName":"

Best practices in React routing

"},{"file":"240-structuring-code.md","title":"

Structuring code

","slug":"structuring-code","is_not_exercise":true,"label":"11.14","pagePath":"/learn-react/pages/structuring-code","pageName":"

Structuring code

"},{"file":"250-create-alias-for-commonly-used-directories.md","title":"

Create alias for commonly used directories

","slug":"create-alias-for-commonly-used-directories","is_not_exercise":true,"label":"11.15","pagePath":"/learn-react/pages/create-alias-for-commonly-used-directories","pageName":"

Create alias for commonly used directories

"},{"file":"260-avoid-too-many-state-hooks.md","title":"

Avoid too many individual state hooks

","slug":"avoid-too-many-individual-state-hooks","is_not_exercise":true,"label":"11.16","pagePath":"/learn-react/pages/avoid-too-many-individual-state-hooks","pageName":"

Avoid too many individual state hooks

"},{"file":"270-know-when-to-use-previous-state-for-state-update.md","title":"

Know when to use previous state for state update

","slug":"know-when-to-use-previous-state-for-state-update","is_not_exercise":true,"label":"11.17","pagePath":"/learn-react/pages/know-when-to-use-previous-state-for-state-update","pageName":"

Know when to use previous state for state update

"},{"file":"280-cleaning-up-after-useEffect-hook.md","title":"

Cleaning up after useEffect hook

","slug":"cleaning-up-after-useeffect-hook","is_not_exercise":true,"label":"11.18","pagePath":"/learn-react/pages/cleaning-up-after-useeffect-hook","pageName":"

Cleaning up after useEffect hook

"},{"file":"290-memoization-techniques.md","title":"

Memoization techniques

","slug":"memoization-techniques","is_not_exercise":true,"label":"11.19","pagePath":"/learn-react/pages/memoization-techniques","pageName":"

Memoization techniques

"},{"file":"300-resist-using-redux.md","title":"

Resist using redux

","slug":"resist-using-redux","is_not_exercise":true,"label":"11.20","pagePath":"/learn-react/pages/resist-using-redux","pageName":"

Resist using redux

"},{"file":"310-avoid-prop-drilling.md","title":"

Avoid prop drilling

","slug":"avoid-prop-drilling","is_not_exercise":true,"label":"11.21","pagePath":"/learn-react/pages/avoid-prop-drilling","pageName":"

Avoid prop drilling

"},{"file":"320-best-practices-associated-with-conditional-statements.md","title":"

Best practices associated with conditional statements

","slug":"best-practices-associated-with-conditional-statements","is_not_exercise":true,"label":"11.22","pagePath":"/learn-react/pages/best-practices-associated-with-conditional-statements","pageName":"

Best practices associated with conditional statements

"},{"file":"330-prefer-es6-arrow-functions.md","title":"

Prefer ES6 arrow functions

","slug":"prefer-es6-arrow-functions","is_not_exercise":true,"label":"11.23","pagePath":"/learn-react/pages/prefer-es6-arrow-functions","pageName":"

Prefer ES6 arrow functions

"},{"file":"340-naming-conventions-in-react.md","title":"

Naming conventions in React

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

Naming conventions in React

"},{"file":"350-path-segments-vs-query-parameters.md","title":"

Path segments vs Query parameters

","slug":"path-segments-vs-query-parameters","is_not_exercise":true,"label":"11.25","pagePath":"/learn-react/pages/path-segments-vs-query-parameters","pageName":"

Path segments vs Query parameters

"},{"file":"360-flow-of-validation-in-formik-forms.md","title":"

Flow of validation in Formik forms

","slug":"flow-of-validation-in-formik-forms","is_not_exercise":true,"label":"11.26","pagePath":"/learn-react/pages/flow-of-validation-in-formik-forms","pageName":"

Flow of validation in Formik forms

"},{"file":"370-using-appropriate-tags.md","title":"

Using appropriate tags

","slug":"using-appropriate-tags","is_not_exercise":true,"label":"11.27","pagePath":"/learn-react/pages/using-appropriate-tags","pageName":"

Using appropriate tags

"},{"file":"380-locale-translations-in-react.md","title":"

Locale translations in React

","slug":"locale-translations-in-react","is_not_exercise":true,"label":"11.28","pagePath":"/learn-react/pages/locale-translations-in-react","pageName":"

Locale translations in React

"},{"file":"390-neetoui-best-practices.md","title":"

neetoUI best practices

","slug":"neetoui-best-practices","is_not_exercise":true,"label":"11.29","pagePath":"/learn-react/pages/neetoui-best-practices","pageName":"

neetoUI best practices

"},{"file":"400-avoid-dynamically-switching-data-type-of-a-variable.md","title":"

Avoid dynamically switching data type of a variable

","slug":"avoid-dynamically-switching-data-type-of-a-variable","is_not_exercise":true,"label":"11.30","pagePath":"/learn-react/pages/avoid-dynamically-switching-data-type-of-a-variable","pageName":"

Avoid dynamically switching data type of a variable

"},{"file":"410-miscellaneous-tips.md","title":"

Miscellaneous Tips

","slug":"miscellaneous-tips","is_not_exercise":true,"label":"11.31","pagePath":"/learn-react/pages/miscellaneous-tips","pageName":"

Miscellaneous Tips

"},{"file":"420-interesting-reads.md","title":"

Interesting reads

","slug":"interesting-reads","is_not_exercise":true,"label":"11.32","pagePath":"/learn-react/pages/interesting-reads","pageName":"

Interesting reads

"}]}}}