To: Prof. Ellis
From: Shital B K
Date: 09/23/2020
Subject: 500-Word Summary
This memo is a 500-word summary of the article, “Modern Web-Development using ReactJS,” by Sanchit Aggarwal (Northern India Engineering College). The article explains about the modern web-development techniques using ReactJS framework.
ReactJS is a JavaScript library used to design and develop the user interfaces that simplifies the data rendering and binding of large web-based applications. According to the writer, “React basically enables development of large and complex web-based applications which can change its data without subsequent page refreshes.” (Aggarwal, 2018, p. 133). It is mostly used to design and develop modular user interfaces which simplifies the development of complex web-based applications. It follows the MVC (Model-View-Controller) architecture where it is used as the View. It also supports rendering on server-side application using NodeJS and the rendering process in the mobile devices are supported by React Native. ReactJS has simplified the data binding and rendering process and proven to be much easier for the front-end development.
Some of the features of ReactJS are Lightweight DOM for Better Performance, Easy Learning Curve, JSX, Performance, One-way data flow and Virtual DOM. ReactJS has the feature to interact with the document object model stored in the memory that doesn’t interact with the browser directly and hence provides excellent performance of the application. It is known as one of the easiest frameworks having less complexity to learn which makes it popular among the web developers. JSX is another language that simplifies React binding events. The reason that the framework is highly efficient in performance because it has the feature called virtual DOM.
The main working principle of React is based on MVC and DOM where MVC is popular for the user interface development and DOM represents the view of the applications. React performs all its task with the use of Component. The components are generally designed as tree structure that makes the code easy and reusable. The lifecycle of ReactJS framework is generally completed in three states. The first process is the mounting process and after the mounting process, the DOM is generated and finally the last process is the conversion of the DOM placement into the container node. The property set called as props and state are used to manipulate the Component. This property enables to create the user interface of the web application using Component.
React being an excellent framework has some limitations. Some of the limitations of React are having only the view entity in the MVC where additional tools should be used to implement other tasks. Inline templates and JSX are complex to use that can be tire some while designing large applications. The issue during the compilation is also one of the limitations using ReactJS compared to other frameworks.
Modern web development has become very dynamic and interactive. As a result, there are numbers of frameworks used in the industry. ReactJS is one of the most popular frameworks having lots of features that simplifies the data rendering and binding. Hence, it is widely used these days for web development and frontend development.
References
Aggarwal, S. (2018). Modern Web-Development using ReactJS. International Journal of Recent Research Aspects, 5(1), 133–137.
