Introduction to React.js

A complimentary guide for becoming a React Developer.

Hello friends, today we are going to discuss React. React are used by most of the developer for building their websites. Yeah you read it right it is used worldwide, So without further due let’s get started.

Image for post
Image for post

What is React?

React.js is an open-source JavaScript library used for dynamic User Interface and Front-end applications. Initially, React was created by Jordan Walke, a software engineer at Facebook, and now React is maintained by Facebook.

React is a JavaScript library but most people preferred to refer as a framework because of its behavior and capabilities similar to Angular and Vue Framework.

Why use React?

  1. Makes your user interface much more interactive.

2. Uses Virtual DOM instead of Real DOM.

3. Uses JSX ( A language that combines JavaScript and HTML in a single code).

4. Make Front-end development much easier.

5. Easy to learn and implement.

6. Uses self-contained components which makes code easier to read and understand.

7. Most popular skill to work in Industry right now.

Here, In option 2 we used Virtual DOM, to understand Virtual DOM you have to first dive into Real DOM before that let’s see what is DOM.

According to w3.org, The Document Object Model (DOM) is a programming interface for HTML and XML documents. What the hell is that? So let’s start in simple terms. Let consider web pages as a document. It represents the web page so that programs can change the document. It is the structural representation in the HTML document. It also provides a way to interact with the JavaScript language. So this structure is Real DOM.

Now in common words, React copies this Real DOM which is then known as Virtual DOM, and allows operation in this Virtual DOM skipping operation in Real DOM.

What should you know before learning React?

1. HTML (Hyper Text Markup Language)
2. CSS (Cascading Style Sheet)
3. Basic JavaScript Fundamentals including Arrow function, JSX, Arrays, ES6.

There is no prerequisite to learn Arrow function, JSX, and all but it enables us to write code simply.

Comparison of React with Angular and Vue.js

Image for post
Image for post

According to Google trends, the comparison of React with Angular and Vue.js shows that right now, React is used by most developers. So you can prefer to React rather than Angular or Vue. First of all, I am not going to compare the pros and cons of one with another because all are better in their specific field.

I am just giving you the fact that being one of the most popular libraries, you can start it too. In 2019 the average React.js developer salary in the US is $120,000 (about $57 per hour).

Where to learn from?

1. Through Books: You can refer to books if you want to learn by reading books.

2. You can learn from medium or from React documentation.

3. Through Youtube or any other Courses like Udemy.

Written by

Web Developer and Content Writer. Contact me at nitfab0@gmail.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store