Answer: Context provides a way to pass data through the component tree without having to pass props manually at all level. It allows to share values between components without having to explicity pass a prop through every level of the tree.
The context API is a React structure that enables you to exchange unique details and assists in solving prop-drilling from all levels of your application.
Answer: A Semantic element clearly describes its meaning to both the browser and the developer. It clearly describes their meaning in a human and machine readable way. Elements such as table, form, header, footer, etc. In programming, Semantics refers to the meaning of a piece of code.