Single Page Application vs Multi Page Application:
Single Page Application Aka (SPA):
Single Page Application or SPA is a web application which runs on a single page .Without re-rendering the whole DOM it dynamically update the different Component of Application using Virtual DOM .It save time and data because there is no need to reload all the css js and HTML files it just get these file in initial load. Nowa days SPA getting pushes the new boundaries of web developing many Framework and libraries can make SPA LikeReact.Js,Angular,Vue.Js….Google, Facebook and Udemy use Single Page Application in their web.
Multi Page Application Aka (MPA):
Virtual DOM vs DOM:
React vs Angular:
React and Angular both are similar in terms of their component-based architecture. But there is a big difference Angular is a framework with a complete solution, while React is a library. React only take care of rendering the view and making sure that the view is in sync with the latest state.While building application with React we need to use different libraries to use with it .But when it comes to Angular its a complete package it comes with everything you need in development but also you are bound with those thing .In React its not bad because we can chose what we want to use to complete the task from any library but in Angular we have to wait until the next version comes with our solution .
Library vs Framework:
The key difference between a library and a framework is “Inversion of Control”. When you call a method from a library, you are in control. But with a framework, the control is inverted: the framework calls you.
A library is just a collection of class definitions. The reason behind is simply code reuse, i.e. get the code that has already been written by other developers. The classes and methods normally define specific operations in a domain specific area.
In framework, all the control flow is already there, and there’s a bunch of predefined white spots that you should fill out with your code. A framework is normally more complex. It defines a skeleton where the application defines its own features to fill out the skeleton