react is one of the most popular and in demand frontend JavaScript library. It is simple, easy to use and a component based system.

Some of the most popular terms you would find in react are:

1. JSX which is short for JavaScript XML. It allows developers write all the required functionalities in a single .js or .jsx extension file.

2. Components: if you are familiar with the MVC design pattern which is short for model-view controller you will be able to easily navigate your way the concept of components in react. Components can be compared to leggo game which puts together pieces of blocks together to form a larger meaningful whole but with a greater advantage react based components eliminates the need to continually repeat codes as group of codes that are likely to be reused can be grouped into components.

3. Props: This is short for properties as mentioned above components helps programmers reuse group of codes but just repeating a block of code without any distinguishing factor is like choosing a black and white movie over a colorful one, it's simply just dry. Props helps each instance of a component stand out, it simply makes each batch of vanilla ice cream taste better with every new batch. Props allow programmer's pass unique data or attribute to each instance of a component. It is similar to passing new values for every call to a function. I hope this article was helpful, please leave a comment below if it was. Thank you