|
What is Single Page Application?
- The term single-page application was coined by Steve Yen in 2005 with the introduction of AJAX in 2005.
- A single-page application (SPA) is a web application or web site that uses only one page to provide a more fluid user experience like a desktop application
- A crucial difference between Single-page applications and standard ones is the “One-Page Interface” and moving logic from the server to the client side.
- Most of the application logic is written with client-side technology using JavaScript and is executed in the browser.
- All necessary code (HTML markup, JavaScript and CSS) are retrieved with a single page load, or the appropriate resources are dynamically loaded and added to the page as and when necessary.
Benefits:
- You can easily make them compatible with different devices (such as mobile and web browsers)
- Being single page application it has rich user experience and less round tripping to Server
When to Single-Page?
- Frequently Navigated Page
- Partial Difference Among Pages
- Performance Critical
The architecture of a SPA involves certain challenges that are not present in traditional web applications. However, emerging technologies like ASP.NET Web API, JavaScript frameworks and new styling features provided by CSS3 make it really easy to design and build SPAs.
JavaScript Frameworks
The JavaScript language has been around for nearly 20 years, and it has the variety and vastness to prove it. If you keep adding more and more redundant code to make it work in multiple browsers, it can quickly become a big, confusing mess.
Frameworks like Angular, Backbone, React etc. bring structure to your JavaScript code and keep it organized. They’re all open source, so they’re constantly being improved by the community. They also save you on time because they’re each built on top of JQuery, a powerful library that makes some of JavaScript's tricker operations easier to perform and more readable.
Picking a Javascript framework isn't about preference. It's about what best fits your project, different JavaScript frameworks are better for different types of applications.
|
|
|
|