Usually, this question comes to mind, React vs Angular?
Yes, we should know also clearly….
Few major companies like WhatsApp, Instagram, Facebook, Netflix, Uber, etc. are using React. While companies like GM, Upwork, Google, Nike, etc. are using Angular.
React vs Angular
Let me give an overview of both things.
Angular is a framework build using TypeScript, developed and maintained by Google.
Whereas React is a Library, developed and maintained by Facebook. React library is used for building the UI (user interface) of an application.
There is a difference between a framework and a library.
One of the stands out the difference between React and Angular is DOM vs Virtual DOM.
React works with virtual DOM, whereas Angular worked with the real DOM.
The virtual DOM only looks at the differences between the previous and current HTML and changes the part that is required to be updated.
On the other side, since Angular is working on the real DOM, it will update the entire tree structure of HTML tags.
For small changes, there might not be a performance impact, but for a large number of changes, you will feel a performance impact.
On the other side, Angular uses HTML with its special Angular directives.
Both React and Angular based on Component based.
For example, a login box is a component that will have an Email Id, Password and a button. Components can be reused in different situations.
Another huge difference between Angular and React is, Angular supports two-way binding whereas React supports one-day binding.
What does it mean?
To way binding: If you change in the UI, then the corresponding model state will change. And also, if you change the model state then the corresponding UI element will get changed.
One way binding: In one way binding, if you change the model state, then the corresponding UI will be rendered. But the vice versa is not true. Means if you will change the UI, ten model state will not change.
But if you are using Angular then you need to little familiar with TypeScript syntax.
We already discussed TypeScript in our previous lectures.
Both React and Angular are similar in terms of the component based architecture.
But Angular is a framework or a complete solution whereas react is a library. It only takes care of the rendering of the View and makes sure that the View is sync with the state of the application.
So if you are working with react, you need to work with other libraries too to implement the functionality. But in Angular, you have to depend on the APIs provided by Angular. Functionality can be like routing or calling APIs etc. In the case of React, you always have the freedom to choose the other libraries for M and V (from MVC).
You may like following Angularjs and react js tutorials
- Create custom SharePoint Survey poll using REST API and AngularJS
- How to Share Data between two Controllers in AngularJS?
- Error Handling in AngularJS using JSNLog
- Display SharePoint List Data in Tabular format using AngularJS in SharePoint Online
- SharePoint 2013: Filter and sort List data using AngularJS and REST API
- SharePoint framework client web part example
- What is react js and react native
I am Bijay a Microsoft MVP (8 times – My MVP Profile) in SharePoint and have more than 15 years of expertise in SharePoint Online Office 365, SharePoint subscription edition, and SharePoint 2019/2016/2013. Currently working in my own venture TSInfo Technologies a SharePoint development, consulting, and training company. I also run the popular SharePoint website EnjoySharePoint.com