Features of React

There are so many open source platforms that made front-end web development easier. Let’s take a quick look on the benefits of React over other libraries or frameworks.

Get Chetna Porwal’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in
1. Simplicity : It is easy to learn and implement(if you have basic understanding of JS). Everything is component based here, so readability of code is also increased.
2. Easy to learn : Anyone with basic previous knowledge in programming can easily learn React. For React you just need basic knowledge of HTML, CSS & JavaScript.
3. Native approach : React can be used to create mobile applications(React Native). React is known for its reusability. You can use same code for multiple platforms.
4. JSX : JSX is an syntax extension to JavaScript. Using JSX we can add HTML to JavaScript file. By using JSX you can write HTML structures in the same file that contain JS code. It also helps in making code easier to understand and debug, as it avoids usage of complex JavaScript DOM structures. For ex. const simple = <h1> Hello World! </h1>;
   Here left part is JavaScript and right part is HTML.
5. Virtual DOM : Data Object Model (DOM) actually defines how documents are accessed and manipulated in a web page. It represents the entire structure of a web page in form of a tree.
   React creates a virtual DOM that is exact copy of the real DOM. Traditionally, whenever something changes in a web application all objects in a real DOM are updated, this makes the process very slow.
   Now let’s see how React works here. Now consider two objects whose states has been changed , now React compares the virtual DOM with virtual DOM snapshots that was taken right before the update. By comparing the new virtual DOM with the pre updated version, React figures out exactly which virtual DOM objects have changed. Now React only updates those objects on the virtual DOM. This makes React faster.
6. Performance : React uses virtual DOM. As discussed earlier, virtual DOM impacts the speed of the web application.
7. One-way data binding : This means information flows in only one direction. One-way data-binding is specifically used when information is displayed and not updated.
   Remember that, the components of React are functional in nature, that is they receive information through arguments and pass information via their return values.
8. Extensions : React has many extensions that we can use to create full-fledged front-end application. It provides server side rendering, which means that the application is rendered on the server rather than in the browser. React Native, which is a React extension is used to develop mobile applications.
   There are many other extensions that React provides for every scenario in web development.
9. Debugging : React applications are easy to debug due to a large and active developer community.
10. Reusable components : React focuses on concept of reusability. So, React UI is declared inside the components. The UI should be composed of as many components as possible to maximize the reusability.

check out my article here : React Introduction & Basics