Scribd
Upload
8 views

QUT- investigation- task 5- script

Uploaded by

hongsilin1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views

QUT- investigation- task 5- script

Uploaded by

hongsilin1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Introduction

React technology, also known as ReactJs, is a free and open-source front-


end Java library developed by Facebook in May 2013. It aims to simplify
the process for developers when creating complex user interfaces through
JavaScript syntax extensions, virtual DOM and component- based
architecture. React is widely adopted by social media platforms such as
Facebook and Instagram due to real-time updates and e-commerce
websites like Amazon and Shopify for interactive shopping experiences
and personalised recommendations. Overall, due to its high performance
and developer-friendly approach, React has become a cornerstone of
modern web development.
1. JavaScript syntax extensions

This is a feature that embed JavaScript expressions into HDML elements.

Traditionally, HTML handles the structure of the page while JavaScript


works on the dynamism and interactivity of the page. Therefore,
developers tend to work in different files for each layer. The fragmented
files create managing burdens and reduced workflow. It also led to poor
maintainability as developers were required to frequently switch between
files, manually ensure that changes in one file does not distract other files.

However, with the use of JSX, which allows developers to use HTML along
with JavaScript using only one file, there had been a significance
improvement in the consistency of work, and thus allow efficient web
application development.

2. Virtual DOM:

DOM stands for Document Object Model; it acts as the bridge between the
programming language and webpages’ contents. When the web content
from servers updates, the entire DOM requires to be updated. This process
causes webpages encounter noticeable disruptions, including, lower
efficiency in performing tasks

To address this problem, web developers introduced the virtual DOM,


which is a lightweight copy of the real DOM. Unlike traditional DOM, virtual
DOM runs a selective process called diffing first, calculating the minimal
changes needed and updates only those necessary elements.

This selective update process significantly reduces the computational


overhead, ensuring offering modern developers with better experiences,
as updates are faster, and interruptions are minimized.

3, Component- based architecture


Component-based architecture divides the code of the whole software
system into many isolated units through a feature called Modularity. This
allows each component to perform and work individually and ensures the
change of a particular component does not affect others, thus, decreasing
the chance to make mistakes.

This brings several benefits, such as, ensuring high maintainability


throughout over extended periods. This is crucial since well-maintained
code can allow developers to identify and troubleshot issues easily and
quickly.
Conclusion+ future development
React technology is considered the cornerstone of modern web
development.

From the perspective of web development, its significant interactivity and


innovation such as the syntax extensions, virtual DOM and component-
based architecture, enhance its performance, flexibility and developer-
friendly approach that ultimately contribute to increased work efficiency
and quality.

For future development, React has a great potential to be used in other


fields, for example, mobile app development. This is because mobile app
development always requires frequent updates, which can be supported
by React’s component- based architecture

Also, there are several potential evolutions can be done to improve


React’s performance. An upcoming feature aims to allow direct data-
fetching within React’s rendering lifecycle without employing unnecessary
re-renders. This can improve the efficiency of website development.

Learning journey

Throughout our learning journey, a website that we found being


particularly useful is Geeks-for-Geeks. It offered a range of information
regarding React.js, from detailed explanation of its features to user
tutorials as well as industrial foresight of its trend and futures. This
provides significant help for our investigation and offered us with
comprehensive understanding of the program.

You might also like