Using React JS, you can create UI components and update state data. This JavaScript framework works inside the HTML element using a special syntax called JSX. It also has built-in hooks for managing state.

Compared to other frameworks and libraries, React updates the DOM in a more intelligent way. It does this by comparing the current DOM state to the new one. Then it only updates the sections that need to be updated. This helps reduce the time it takes to re-build the page.

React also uses an abstraction called the virtual DOM, which is a copy of the actual DOM. It uses this to update only the minimal changes made by the user.

One of the main advantages of using React JS is the smaller size of the library. The library is less than 3kb when gzipped. This means that you can integrate React into existing applications.

React’s state management features allow for interactive web applications. This is because it can maintain a consistent state between re-renders. It does this by using keys (more information). The keys tell React the identity of the component.

The changeMessage method uses the setState method to update the sub. For example, if the current list has no key, React will create a new component and destroy the old one. This is a great way to maintain state.

The React library also uses a special syntax called JSX. This is easier to use than conventional HTML attributes.