What is the purpose of react router ?

React Router is a library in React for routing. It enables the access the website URL, allows changing the browser URL, and keeps the UI in sync with the URL.React Router gives routing features without reload website or page.It keeps track of the location and renders different componets who define into the router.It allows the creation of single-page web or mobile apps that allows navigation without the page refreshing.

How does Context API works ?

The Context API is a component structure provided by the React framework, which enables us to share specific forms of data across all levels of the application. It's aimed at solving the problem of prop drilling.The Context API is useful for sharing data that can be considered global, such as the currently authenticated/ targeted user.The Context API makes it easier to have our global and app-wide data available to all components therefore, making it easier and more accessible.We can wrap child components in the Context Provider and supply the state value.

What is useRef ?

useRef is a react hook and is mainly used for creating a reference of the DOM element or directly accessing it inside a functional component.We can use the ref attribute to access the DOM API. We can get the value of an input element and, at the same time, trigger methods like a focus() with it.It's look like a "Box" that can hold a mutable data/value.The useRef Hook allows you to persist values between renders.The useRef() only returns one item.