DEV Community

Lalit Jain
Lalit Jain

Posted on

5 Things you should know about ReactJS and its revolutionary impact on web development

ReactJs

ReactJS is a revolution in web development. Its robust and huge developer community making it a most shouted technology for web app development project. You should consider this for your next big project. It is an open source library formed by top IT companies like facebook and its developer’s community. It is used with HTML tags and mainly for user interface of an application.

Here are 5 things you should know about ReactJS and its revolutionary impact on web development:

1. What is React?

React is an open source JavaScript library which is declarative, efficient, and flexible. It is maintained by top IT firms like Facebook. ReactJS mainly works on the aspect of MVC(Model View Controller). It is used for building User interface. Web developers have to crate components in react from which they can use it and build a performance oriented application.

2. Component of React

React components plays a very important role in web development. If a web developer is using reactjs in their project they need to create component in react and then use it. React components use the render method to for data input and output. React offers all the flexibility which can be expected from an open source javascript library.

3. React Elements and Instances

A React element is a plain object describing a component instance or DOM node and its desired properties. Instances only contain information about component type, their properties and any child elements in it. The element is a mode of communication which tells react that what the user want to see on the screen. It is an immutable description object with two fields – type: (string|ReactClass) and props: Object.

4. DOM Elements on ReactJS

A DOM node is represented by type of elements in a string with particular name and properties that define the attributes. DOM elements are very light because they are just objects on ReactJS and they don’t have to be parsed.

Elements can be nested as parent and child when creating as an element tree, but it is not actual instances but descriptions.

5. One Way, Data Flow

ReactJS is the one way data flow which begins with properties. Flux is recommended as application architecture for React. Flux is a kind of data flow programming style. Properties cannot be directly modified by the component but have to be passed as callback functions to modify values. This way, properties flow down and action flows up. ReactJS is the dynamic element in web application development as it provides extensive support for apps that require constant data update.

Top comments (1)

Collapse
 
eavichay profile image
Avichay Eyal

unidirectional data flow and event handling exists since Java UI. Where is the "revolutionary" part exactly?