Currently we are passing the data to the navigation component with prop drilling. Nothing wrong with that, but sometimes that can get pretty complex so you have to use other strategies to get the data from one component to another. That is why we are going to use Context API in this episode, and get rid of prop drilling to get the data to our navigation component. Also I'm going to show you how to create simple state management using Context API.

In this episode we are going to use React Context API to get the data for our navigation and also to create a simple state management.

Using Context API

First of all I'm going to show you something called **Prop Drilling**, which all by it self is not a bad thing, it is a pattern that you will come to get to know while working with React. However, as you will see in this video it can bacome pretty unwieldy very fast if you don't plan composition of your components.

So when sending data between components becomes very complex you can alleviate the situation with Context API which you can use to send data to nested components or even as a simple state management tool. It's very cool as you will see.

In this episode series we are going to take a look at Context API which comes built in React, and is nice way to share data with you React components.

Tutorials tagged with: context api

Get in touch