React JS for beginners explained

React JS for beginners explained

·

4 min read

My latest post related to the explanation of React.js in a very very easy way. Understanding React.js is the first step and is a necessary step for front-end developers.

In my journey(ongoing) as a front-end web developer. React is something interesting and I am learning currently. I want to explain it features and uses for the learners this post is perfect for you guys.


undraw_react_y7wq.png

What is React.js?

React is a javascript library that allows you to create user interfaces. In practice is a library that focuses only on the view, which is what you see on the screen.

Imagine a webpage as a series of objects, which have their own design and perform certain actions, React is the library that allows you to create these objects (called components) and assign them a status(information about the components, which you can modify) through props(properties).


  • STATE AND PROPS ARE TWO FORMS OF DATA BEING PASSED INTO A VIEW
  • SAME DATA PASSED INTO A VIEW WILL ALWAYS RESULT IN THE SAME OUPUTTED VIEW.
  • DIFFERENT DATA PASSED INTO A VIEW WILL RESULT IN A DIFFERENT OUTPUTTED VIEW

undraw_code_review_l1q9.png

Newton's third law of motion

FOR EVERY ACTION, THERE IS AN EQUAL OPPOSITE REACTION

  • JSX makes it possible to brings HTML directly into your JS, allowing you to create a new UI feature and see it in real-time.
  • Components allow you to break your web app into individual simple objects and work on them easily.
  • Props make it possible to populate components using custom data.
  • State makes it possible to store all the changes in one section.
  • Virtual DOM (a DOM is a programming concept used to make HTML pages interactive) makes the app fast and the user experiences superlative.
  • Reusable components, easy data flow, easy debugging, easy testing, SEO friendly what else you need?🤣

Last but not the least, THE MOST FAQs

Is React.js the best front-end framework?

It depends! There are currently 3 "competing" frameworks: Angular, React, Vue. Which one to choose?

React has a low learning curve and allows you to have a lot of flexibility by giving you the opportunity to integrate other frameworks. II recommend it as a first framework to study(obviously after you have studied JavaScript) or as a winning technology for startups.


Need Help

Need help in raising funds to buy a Mechanical Keyboard. This pandemic has affected my family badly so can't ask my DAD for it. Please Help Me.

1.png

😎Thanks For Reading | Happy Coding/Learning ⚡

Did you find this article valuable?

Support Rahul by becoming a sponsor. Any amount is appreciated!