The main purpose of using React Router is to easily route from one component to another . And the required data for various components can be loaded and used.

The React Context API is a way for a React app to effectively produce global variables that can be passed around.

The useRef Hook allows you to persist values between renders. It can be used to store a mutable value that does not cause a re-render when updated. It can be used to access a DOM element directly.