How react.js is most favourite programming language to a frontend web developer?

4 min readMay 7, 2021

Introduction

So basically react.js is a library of javascript what we used in web development to build interactive elements on website. Remember one thing when you know about javascript & javascript library then you can go for to know react. Okay let me introduce you with javascript also.

What is javascript?

JavaScript is a dynamic programming language. Basically, it’s a scripting language. It’s lightweight and most commonly used as a part of web pages, whose implementations allow client-side script to interact with the user and make dynamic pages. It includes dynamic web content things like animated graphics, photo slideshows, and interactive forms.

JavaScript was first known as LiveScript, but Netscape changed its name to JavaScript, possibly because of the excitement being generated by Java. JavaScript made its first appearance in Netscape 2.0 in 1995 with the name LiveScript. The general-purpose core of the language has been embedded in Netscape, Internet Explorer, and other web browsers.

What is a javascript library ?

You can see how JavaScript plays a critical role in website and web application from above. But there are times when you need JavaScript to perform repetitive functions things like stock animation effects. Use functions every time it’s seems like e wheel. So this is where JavaScript libraries come in.JavaScript libraries are collections of pre-written JavaScript code that can be used for common JS tasks, allowing you to bypass the time intensive (and unnecessary) process of coding by hand. If there’s a run-of-the-mill JavaScript function that you keep needing to code (and that other developers before you have needed for their own projects) there’s probably a JS library to ease your pain. Make sense? So let’s get back to React. There are a lot of different JS libraries, we know out there and React JS is one of them,but what makes it unique & favourite to us? What is React JS used for, and why should you learn React JS? And is it better than other JavaScript libraries?

Why most developer used react(js library)?

Javascript library used to call it as React(JS). In terms of websites and web applications, UIs are the collection of on-screen menus, search bars, buttons, and anything else someone interacts with to use a website or app.

So when react(js) is’nt available for the developer then developers are used to create UIs with vanila javascript. In 2011, Facebook engineer Jordan Walke created React JS.specifically to improve UI development.

In addition to providing reusable React library code (saving development time and cutting down on the chance for coding errors), React comes with two key features that add to its appeal for JavaScript developers-Virtual DOM & JSX.

Virtual Dom

That’s where the concept of virtual DOM comes in and performs significantly better than the real DOM. The virtual DOM is only a virtual representation of the DOM. Everytime the state of our application changes, the virtual DOM gets updated instead of the real DOM. At the heart of any basic website are HTML documents. Web browsers read these documents and display them on your computer, tablet, or phone as web pages. During this process, browsers create something called a Document Object Model (DOM), a representational tree of how the web page is arranged. Developers can then add dynamic content to their projects by modifying the DOM with languages like JavaScript.

JSX

Basically, by using JSX you can write concise HTML/XML-like structures (e.g., DOM like tree structures) in the same file as you write JavaScript code, then Babel will transform these expressions into actual JavaScript code. Unlike the past, instead of putting JavaScript into HTML, JSX allows us to put HTML into JavaScript.

By using JSX one can write the following JSX/JavaScript code:

var nav = ( <ul id="nav">

<li>

</li>

<li>

<a href="#">About</a>

</li>

<li>

<a href="#">Blogs</a>

</li>

<li>

<a href="#">Projects</a>

</li>

<a href="#">Contact </a></li>

</ul>

);

JSX (short for JavaScript eXtension) is a React extension that makes it easy for web developers to modify their DOM by using simple, HTML-style code. And—since React JS browser support extends to all modern web browsers—JSX is compatible with any browser platform you might be working with.

How to React JS Code Look Like?

React is a popular JavaScript library for creating front-end applications, such as user interfaces that allow users to interact with programs. Originally created by Facebook, it has gained popularity by allowing developers to create fast applications using an intuitive programming paradigm that ties JavaScript with an HTML-like syntax known as JSX.

In this series, you will build out examples of React projects to gain an understanding of this framework, giving you the knowledge you need to pursue front-end web development or start out on your way to full stack development.

Should you have to learn React JS or not?

If you want to work as a front end web developer (which means building UIs), the answer is YES!

Finding success in web development means using the right tools to make your code as effective and efficient as possible. And—when it comes to building user interfaces—React JS is a tool you need to know how to take advantage of.