One of the main benefits of working with React is that is your application’s user interface by breaking it up into small reusable pieces of code called components.
There are sections or pieces of the UI that you will likely reuse over and over again. For instance, there might be a star rating widget and a comments area for each Film review.
While those sections are composed of HTML elements like divs, headings, paragraphs, and images, each section can be thought of as a self-contained component.
React provide tools for us to create our own custom components, then quickly compose or combine them together to build complex interactive UIs.
This means we can design, build, even test a component once and then reuse it as needed in our application.
READ MORE : Why React Js is more powerful than Angular JS?
The other giant benefit is that React keeps your application’s data or at the state and the UI in-sync and can efficiently update your UI when data changes.
For example, we might use arrays and objects to describe our data. In the Film review app, for instance, reviews might be represented as an array of objects, with each object being one film reviewed.
React includes massive features that remove much of the complexity around building your UI and keeping it in-sync with your application data.
Allowing you to focus more on what your application should look like at any given moment, instead of how to change it over time.
You’re gonna learn more about components, applications state, organizing and managing your UI code, and other core features of React.