What is React?
React is Javascript Library for building user interfaces. React is not a framework. It is a Library. React Will fully focusing on the UI Section. React doesn`t focus on the other aspects of your application that are routing and the HTTP request. React have a rich ecosystem and place really well with other libraries and is more than capable of build real-edge web applications.
Why learn React?
React is a project created and maintained by Facebook. Facebook is investing money and resources to make it up to date so that it won`t die now. As per the records it is having 100k starts on Github and huge community behind it. We will get a lot of StackOverflow solutions because of this large community support.
Component-Based Architecture
React is following component-based Architecture. For example, we have a separate header, sidenav, main_content, and footer. In each of these are components. And each component will be invoked inside the App.js. These components will make in the right way to make the entire application.
Reusable Code
Components also make it possible to write reusable code. For example, you could have the components for an article on React, the same component can be reused for the article on Angular as well as the Vue by simply passing the correct data into the article component. For enterprise applications, the ability to reuse code is a huge plus.
React is Declarative
We are telling the React what we want and react with its React DOM library will build the actual UI. This is the Declarative Parantine. This is in contrast with the imperative parantine, you are usually used to which implements algorithms in explicit steps. In other words, we only need to describe the final state of the UI in the render() method, without worrying about how to transition from the previous UI to the new UI. I will give you an example, Suppose we are going to an artist, we are asking him to draw a landscape. we are not telling him how to draw it. This is declarative. We are telling what has to be done and the artist will get it done for us.
React will handle efficiently updating and rendering of the components.
DOM updates are handles gracefully in React.
Why React?
We can seamlessly integrate react to any of our applications. We can integrate a portion of our page or a complete page or even an entire application itself. React native can used for mobile applications.
Prerequisites for React
HTML, CSS, and Javascript Fundamentals are needed.
ES6
We need to aware of Javascript - `this` keyword, filter, map and reduce.
We will see more about React in upcoming blogs
Comments
Post a Comment