Today’s article will be a beginner’s introduction to React Context API, as I noticed that this concept is quite complex for React beginners to grasp. And I’ll use Firebase Authentication to demonstrate the beauty of using React Context API. Let’s begin!

Some prerequisites to follow this tutorial:

• Basic understanding of React (i.e. props, state, etc.)
• Little understanding of Firebase (but more knowledge will help)

What’s React Context API?

Normally in React we pass something called props from the Parent component to its Children components. A React app consists of components, many have Parent-Child relationships and therefore a simple visualization of an app can look like:

#react-hook #web-development #react #firebase #javascript