Introduction to React JS



What React JS Is

React is a javascript library for creating user interfaces. React was developed by Facebook and Instagram and now maintained by the Facebook community. 

 React is;

  • Declarative
 Declarative, it implies that you don't tell all the essential details and simply determine what you need and the framework will deal with itself. To put it plainly, no immediate DOM control like it's done by means of jQuery.

  • Component Oriented
               In ReactJS, a page is divided into segments. A few segments are children in different segments. For example, if there a page with a search bar, the search bar will be treated as a segment.


  • Learn once, Write anywhere
               React JS can use as a server language with Node JS.

Key Features of React JS

Presently, ReactJS increasing snappy prominence as the best JavaScript framework among web designers. It is assuming a fundamental job in the front-end system. The significant features of ReactJS are as following.



01 )   Components

ReactJS is about components. ReactJS application is comprised of different components, and each component has its own logic and controls. These components can be reusable which helps us to keep up the code when working on big scope projects.
  
02 )   JS XML 

This is also known as JSX which means Java Script XML. It is an extension of JavaScript syntax. React JS use XML or HTML type syntax. This syntax is processed into React Framework JavaScript calls. In React JS, it is recommended to use JSX.

03 )   Simplicity

ReactJS utilizes the JSX document which makes the application straightforward and to code understanding. We realize that ReactJS is a component-based methodology that makes the code reusable as our need. This makes it easy and simple to utilize and learn.
  
04 )   One-way Data Flow

ReactJS is structured in such a way, which follows unidirectional data flow or one-way data binding. The advantages of one-way data binding give us better control all through the application. In the event that the data flow is toward another path, at that point, it requires extra features. It is on the grounds that components should be unchanging and the data inside them can't be changed. Transition is an example that assists with keeping your information unidirectional. This makes the application progressively adaptable that prompts increment proficiency.

05 )   Virtual DOM

A virtual DOM object is a portrayal of the first DOM object. It works like a one-way data binding. At whatever point any changes occur in the web application, the whole UI is re-rendered in virtual DOM portrayal. At that point, it checks the contrast between the past DOM portrayal and the new DOM. When it has done, the genuine DOM will refresh just the things that have really changed. This makes the application quicker, and there is no wastage of memory.

06 )   Performance

ReactJS is known to be an incredible performer. This feature improves it much than different frameworks out there today. The explanation for this is it deals with a virtual DOM. The DOM is a cross-platform and programming API that manages HTML, XML or XHTML. The DOM exists all together in memory. Because of this, when we make a part, we didn't compose straightforwardly to the DOM. Rather, we are composing virtual segments that will transform into the DOM prompting smoother and quicker execution.

Pros and Cons of React JS

  • Advantages of React JS
( 01 )   Easy to learn and code

ReactJS is a lot simpler to learn and utilize. It accompanies a decent inventory of documentation, instructional exercises, and training resources. Any developer who originates from a JavaScript foundation can undoubtedly comprehend and begin making web applications utilizing React in a couple of days. It is the V(view part) in the MVC (Model-View-Controller) model and referred to as one of the JavaScript frameworks. It isn't completely highlighted yet has the benefit of open-source JavaScript User Interface(UI) library, which assists with executing the assignment in a superior way.

( 02 )   Creating dynamic applications become easier

To develop a dynamic web application explicitly with HTML strings was dubious in light of the fact that it requires a complex coding, however, React JS unraveled that issue and makes it simpler. It gives less coding and gives greater usefulness. It utilizes the JSX(JavaScript Extension), which is a specific sentence structure letting HTML statements and HTML label linguistic structure to render specific subcomponents. It supports the structure of machine-readable codes.

( 03 )   Reusable components

A ReactJS web application is comprised of multiple components, and every component has its own logic and controls. These components are responsible for outputting a small, reusable bit of HTML code which can be reused any place you need them. The reusable code assists with making your applications simpler to create and keep up. These Components can be settled with different components to permit complex applications to be worked on simple building blocks. ReactJS utilizes a virtual DOM-based component to fill information in HTML DOM. The virtual DOM works quickly as it just changes singular DOM components as opposed to reloading total DOM without fail.

( 04 )   The support of various tools

Respond JS has additionally picked up prevalence because of the nearness of various helpful set of tools. These tools make the assignment of the developers understandable and simpler. The React Developer Tools have been planned as Chrome and Firefox dev extension and permit you to investigate the React component hierarchies in the virtual DOM. It permits you to choose specific components and look at and alter their present props and state.

( 05 )   The advantage of having a JavaScript library

Today, ReactJS is picking by the majority of web developers. It is due to offering an exceptionally rich JavaScript library. The JavaScript library gives greater adaptability to the web developers to pick the manner in which they need.

( 06 )   Scope for testing the code

ReactJS applications are very simple to test. It offers an extension where the developer can test and debug their codes with the assistance of local devices.

  • Disadvantages of React JS
( 01 )   Poor Documentation

It is another con that is basic for continually refreshing technologies. React Technologies refreshing and quickening so fast that there is no opportunity to make legitimate documentation. To beat this, developers write guidelines all alone with the advancing of new releases and tools in their present projects.

Comments

Post a Comment

Popular posts from this blog

What is Application Framework

Image
The framework defines the idea of what Application Framework is. Application Frameworks make writing applications as easy as ABC. The application framework is a software library that provides a fundamental frame to help the development of an application for a certain environment.  Hence, simply framework is a frame and a work. If you think about a photo frame you put a photo into the frame, it has to be fit to the frame. Just like that, you will do all your work around the frame. Whenever you write some codes in a framework you have a specific structure predetermined. This means the Application Framework lets you build applications from scratch with writing less code. And it prevents you from repeating yourself. Advantages of using an Application Framework 'DON'T REPEAT YOURSELF!' It is one of the key tactics of being a good developer. Most times when developing a new web application, we need exactly the same requirements.   Starting a new enterprise web app
Read more

What REST Services Are

Image
REST represents Representational State Transfer. REST is a web standards-based architecture and uses HTTP Protocol. It spins around assets where each part is a component and an asset is gotten to by a common interface utilizing HTTP standard strategies. REST was firstly presented by Roy Fielding in 2000.  In REST architecture, a REST Server just gives access to assets and REST client gets to and modifies the assets. Here every asset is recognized by URIs/worldwide IDs. REST utilizes different representations to represent an asset like text, JSON, XML. JSON is the most famous one. The following four HTTP methods are commonly utilized in REST-based architecture. GET         - Provide read-only access to a resource. POST       - Use to create a new resource DELETE  - Use to remove a resource. PUT          - Use to update an existing resource or create a new resource. A web service is an assortment of open protocols and standards utilized for trading data between
Read more

Application Framework Project

Image
Online Fashion Store As part of our Application Framework Group Project, we have developed a Web application for Online Shopping Cart System for a Fashion Store. GitHub Link -  https://github.com/HansikaPerera/Fashion-Store-Shopping-Cart-System REQUIREMENTS In this project, we can identify three main roles like Admin, Store Manager, and User. If someone visits this fashion store web application, he or she can view the fashion items without a login. If someone going to place an order, he or she must have a registered account in our store. Once the admin creates a login for the store manager and it should be notified to the store manager via email. Only admin can create new categories. The store manager can add new product details to the relevant category and add discounts to selected products. Users can add their products to their shopping cart. Users can purchase the selected products in the shopping cart by selecting the payment method. Users can create a wish l
Read more