Why use React over JavaScript?
When it comes to creating web applications, we have so many approaches on the hand. We can either use plain JavaScript (i.e. scripting language that does not give in to any rules) or we can utilize libraries and frameworks like React.js.
With plain JavaScript, we write codes to manipulate the DOM directly. In plain JavaScript UI is created in HTML on the server side, which is then sent to the browser. Manipulating DOM with Plain JavaScript includes selecting HTML elements, updating their properties and handling user interactions manually using event listeners. With plain JavaScript we can fully control the DOM but it can easily become complex, unmanageable and time-consuming, mainly for large scale applications.
Whereas, React.js includes a components based architecture where user interfaces are divided into reusable and modular components. We writes components using JSX(JavaScript XML) – a syntax extension for JavaScript that allows us to write JavaScript with HTML without Script tag in a single file with a more declarative and natural way. React only updates the DOM by only re-rendering components that have changed, providing us a better performance and a smooth user experience.
Why should you Choose React Instead of JavaScript ?
When building a Frontend UI or User Interfaces for web applications, We have choices between Plain JavaScript or making use of libraries or frameworks such as React. Before delving into more details first, let’s talk about What is JavaScript and What is React.
Table of Content
- What is JavaScript?
- What is ReactJS?
- Why use React over JavaScript?
- Benefits of using React over JavaScript
- Creating web pages using JavaScript and React
- Features of ReactJS