Hi, hope you are doing well. This blog will explain you 7 features of ReactJs. So, without wasting your time. Let's get started!

Declarative:

You just need to instruct your "Servant" a.k.a. React that I want this and it will do that exact same under the hood and the great thing about this is that you do not need to worry about "how it's done". Earlier we required to manipulate the DOM(Dcument Object Model) for making any changes in the web applications. This is not required in React which made the life of developers a lot simpler than before and made the production faster.

Although there might be some cases in real life where we really need some control. In that scenario, we can go the Imperative way and tell React exactly "how to do" also.

Component Based:

React revolves around the components. For developing something in React,first you need to create a component. These components can have their own memory which is called "State" in React. These States can be changed or manipulated through "Handler Functions" by calling these functions. State can be passed to another component throughs "props". These components can work standalone and can be easily integrated with other projects. This means that we can easily create library of components as per our need or requirements and we can use it in different applications or projects.

"Wow, that's great!"

Learn Once, Write Anywhere:

React can be used to develop applications for different devices. It can be used to develop web applications, mobile applications (React Native), desktop applications ( Electron ), etc. You just need to learn the core concepts of React and these core concepts can be utilized for developing applications on different platforms. Although there are differences in syntax but the learning curve is not too steep.

Virtual DOM:

Now, you don't need to manipulate the DOM (Document Object Model) directly. React creates a Virtual DOM which is a virtual representation of the Original DOM and it remains in the memory. Whenever a State changes then a new Virtual Dom is created. This new Virtual DOM is compared with the previous Virtual DOM. React just take a look and say, "Hey, here is the change". After that React finds the most optimum way to reflect these changes to the actual DOM. This increases the performance of the application because we are not directly interacting with the DOM.

Single Source of Truth:

Data passed in React has unidirectional flow. Data from the parent component can be passed to all its child components. Any changes in the data of the top most component will get reflected in all its child components. It gives more control over data to the developers.

JSX:

It stands for Javascript XML and XML stands for Extensible Markup Language. JSX provides a way to write Javascript in HTML which is a very revolutionary idea in the web development field. Instead of writing HTML alone, now we can also write JavaScript in HTML. The syntax is similar to HTML and it's easier to grab. Although it uses XML rules. It is also immune to Cross Side Scripting attacks. JSX is optional and not required to use React but it makes development a lot easier.

That's enough for you to know about ReactJs and you could further explore the official doc of React. If you like this article and want to support me then please share it with your friends or colleagues. Knowledge get increases by sharing it and not by hoarding it. That’s what I am doing.

Thanks for giving your precious time. Goodbye!

Learn more about ReactJs on Faguni.