React useContext: How to Update Context from Child Component

4 min readOct 5, 2019

Why useContext

  • empowers functional components
  • an alternative to using Redux
  • allows you to avoid “props-drilling”, which means that if you have a deep nesting of your components, you won’t have to pass the props all that way down

Context is well explained in the official React documentation, so I decided to go with rather a practical example.

Source Code Files Structure

source code files structure
  • header.component
  • welcome.component, which is basically a main page.
  • library.component — an empty component created solely for demonstration purposes.
  • containers/app-layout.component has a purpose of ‘structuring’ the…




Everything is unknown until it’s known. Self-learner.