Introduction to Single-Page Applications (SPA)

What is SPA?
Single-page application (SPA) also called as Single-page interface (SPI), is a web application which loads all of its resources in a single page and executes it the same page itself.
SPA is a concept not a strict definition. It is a standard for high quality web applications.
SPA uses client side scripting and Ajax, which provides improved user interaction and advanced user experience.

The evolutionary process of Web Applications
SPA is an output of constant emanation of the web applications.
Evolution of Web Applilcations
The process describing how web applications have evolved over time


  •  Static Page Web Applications
Initially Web was made of static pages. With the entrance of server side applications, this static world altered into dynamic. Each user action in a server side application resulted in independent server requests and server used to respond with completely regenerated pages.
In this model, user is constantly interrupted by network latency and page redraws.
The application performance is seriously hampered as server is constantly generating the page and retransmitting over the network.
  • Server Side Web applications
With the entry of client side scripting technologies and Ajax, these server side web applications indicated some significant improvement in their performance.
But, having said that, there can be uncertainty where the responsibility may belong. In such scenarios, more and more logic ends up being executed in the browser and JavaScript codebase grow larger and larger and become toilsome to maintain.
  •   Client Side Web Applications
In Client side web applications, user interface (UI), operational logic and page generation is completely moved to the client side. Server is required only to serve the initial page, data service, resources and to purvey the tasks which cannot be done on client.As a result of this ploy, UI implies an immediate feedback just like native/desktop applications.Client side applications perform server interaction asynchronously without disturbing user from their task.

Well-known SPA's

Famous SPA's
Some well known SPA's
Challenges with SPA


  • Compared to Server side architecture, SPA’s are still immature.
  • There is lack of enough tools and skilled developers.
  • There can be security issues, as whole application code resides on the client machine.
  • If an SPA uses Google’s searching technique, then very limited out of the box support is provided to it. This is because page content is not generated yet. In such cases, excess work is required.
  • Being a new technology, moderate support is provided to the older browsers.
  • Through testing is required on different browsers.


Popular SPA Libraries and Frameworks 

 Click on each of the following to know more!

I’ll definitely get deeper into some of them in my forthcoming posts.Sit tight. Stay Tuned! 

Comments

Post a Comment

Popular Posts