Context API is a react structure which allows passing data from one component to another component without props drilling.

The purpose of using context API avoids props drilling in react application.

Now I am explaining: First of all we have to know about components. Conceptually components are JavaScript functions. Using props data can transfer from one component to another component. When our react application becomes too large that time it becomes difficult to manage the application. To make the application easier to manage , we break it down into smaller sections called components. It has one of the biggest features called reusability.

Now let’s discuss props drilling. We know that the React data flow system is unidirectional. When we need to pass data from one component to another component of a tree we need to use the prop drilling process. In this process, props are passed from one component to another component that does not need the data but only helps in passing it through the tree. It’s called prop drilling.

Because of props, drilling components are re-rendered excessively, which slows down the application performance. And component re-rendering is especially damaging when developers need components to communicate with each other in a process known as prop drilling. But the context-API provides a scope that we do not need to props drilling when data passes one component to another component . We can pass the data directly Initial destination to final destination without multiple component re-rendering which component data passing should not necessary. That is why we should
avoid prop drilling, And the context API will help us to get rid of this problem. Now it is clear that to avoid the props drilling, the context-API is used in react application.