Context API is a new feature added in version 16.3 of React that allows one to share state across the entire app lightly and with ease. The React Context API is a way for a React app to effectively produce global variables that can be passed around. This is the alternative to "prop drilling" or moving props from grandparent to child to parent, and so on. Context is also touted as an easier, lighter approach to state management using Redux.
Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way. Elements such as
<header> , <nav>, <figure>, <footer> and <article>are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside them.