DEV Community

Cover image for What is a Single-Page Application [ SPA ]?
Ansub Khan
Ansub Khan

Posted on

What is a Single-Page Application [ SPA ]?

What is SPA?

SPA as the name suggests means when you load the app for once. In simple words, the pages don't reload when you click on something. on clicking on an element on the page, SPA only renders that element, instead of what traditional pages do (rendering the whole page with every 🖱)

If you Notice Gmail when you browse through your email you’ll notice that not much changes during navigation - the sidebar and header remain untouched as you go through your inbox.

The three most popular SPA tools are:

  1. ** Angular**: developed by Google and now almost ten years old)

  2. React: created by Facebook a few years later

  3. Vue: developed by an ex-Google employee and which has enjoyed a surge in popularity over the past few years.


Examples of SPA

  • Facebook
  • Google Maps
  • Gmail
  • Twitter
  • Google Drive

Pros of SPA

  1. Speed and Response Time because you are loading everything at once

  2. a better User Experience as users can access information very quickly.

  3. Caching as SPA only have to request data from the server one time, upon initial download.


Cons of SPA

  1. SEO is the biggest problem with SPAs because of fewer pages and HTML Content.

  2. will not work for users who have disabled Javascript in their browser


if you like this article then follow me on Twitter
I learn and try to simply stuff for you :)

Thanks For Reading!

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay