Published by 04 April 2022

What is Context API ? - React Router Hook Context API ?

the Context API helps to avoid prop drilling in our React application. if you don't know about the term prop drilling. So let's understand that first. ________________

In React, we can pass the data only in a single direction, i.e. from top to down (parent to child) via props. Prop drilling is a process where we need to pass down the props at each level in a deeply nested component tree so that we can access them in the component at the lowest level.

Context in React just provides a way to pass the data directly to the required components rather than passing them through every level of the component tree. So using React Context, we don't have to pass the props unnecessarily to all those intermediate components that do not need the props.

Published by 04 April 2022

What Is Semantic HTML Tag ?

Semantic HTML5 addresses this shortcoming by defining specific tags to indicate clearly what role is played by the content those tags contain.For example, header, Footer, article are considered semantic elements as they clearly describe their purpose and the type of content they should enclose.

Semantic tags also help search engines to parse the webpage correctly and find accurate information. Thus, helping search engines to correctly index the page.

Now Some Example of Semantic Tag in HTML5:

  1. Section
  2. Article
  3. Main
  4. Aside
  5. Header
  6. Nav
  7. Footer
  8. Figure & Figcaption
  9. Heading
  10. Strong & em