Revise and Read React.Js with me! (Intro)
Tags: webdev, javascript, react, beginners
Published: 2022-06-22 11:23:10

**Just give a shot to ReactJs, your reaction will be _woahhh this is something cool and powerful_** :fire:


Now **react** some love to this **ReactJs series** :wink: :heart:

So let me tell you what I am planning to do :information_desk_person:, I have been working on ReactJs from a long time and I think it is time to contribute some of my learnings to fellow devs so it will help both of us, you guys will learn and it will also help me to revise and re-understand. :dancers:

> _One thing I can assure if you are reading this, ReactJs is path for high paying jobs, whether you do freelancing or a working developer for any organization. **So I hope you will give your best to be the best version of yourself**._ 



## Without much talking let's start this journey. :rocket:

## What is React? :mushroom: 

- React is an open-source JavaScript **Library** for building user-interface.

- I repeat it is a Library not a Framework.

#####_Libraries means which serves only one purpose, in case of reactjs, it's true purpose is to build optimized User Interface, on the other hand, Frameworks are package of everything, HTTP req, routing etc {Angular}_


- ReactJs is focused to do only one thing which is making awesome UIs, not holding functionality like routing, HTTP requests, forms handling etc. But...


- It's rich ecosystem goes well with every library to build a Full-Fledged web applications. 

 
- It is Unopinionated, which gives you power to command and choose other tools.


## Why learn React? :mushroom: 

> Well well my fellow developers, above point is defeinetly giving you some strong reasons to learn it, but for sake of it's great power I will tell you few more cool points of it. :smile: :smile:


- It is created by Facebook and being used by Facebook, and lots of other big and small organizations and companies. It is new generation library. Companies are shifting there tech stack to it.


- It has a very Biggggg Community. Literally Super Big! Not Kidding at all. :sunglasses: :muscle:


- More than 100K stars on Github. :star::star::star::star::star::star::star:


- It has Component Based Architecture, which means that it helps you to break down complex to complex UIs in small chunks to make your building a product journey a piece of cake.


- It's **Reusable**, a beautiful thing. You create a component and you can use it again and again without writing the whole things again. It can be used through out the code even with different frameworks like Angular, just passing the right data to it.

**Isn't it Amazing?** :heart_eyes::heart_eyes:

- It is **Declarative**. Assume a simple JS function, you need to call it or invoke it whenever you want to use it, but here in React the function component (exactly a simple JS function, just some syntactical sugar name) are also same but we don't do anything at all to call it or render it. **ReactJs does it all.**

                    **Rendering is declarative** 
### You will understand this in future series of this.

## Prerequisite :mushroom: 

I want you to know basic of HTML, CSS and JavaScript, ES6 concepts.

If you are aware of the basics of above mentioned things we are good to go!!!!!!!!! :dancer::dancer:

That's from my side a intro of ReactJs :heartpulse:
See you in the next one.

You can connect with me on [twitter](https://twitter.com/naweli_verma) :smiley: