Categories: Reactjs

Single Page Vs Multi Page Applications in React

When we talk about React or Angular and Vue as the side note, we can build two kinds of applications with all these libraries and frameworks, Single page applications and Multi-page applications.


If you prefer watching a video

Try CodeMix for fast and productive React Development.


Single page applications

  • In Single page applications, we only get back single HTML file by the server once.
  • The time when the user visits the page after everything is managed by Javascript.
  • With ReactJs the entire page consists of components which are rendered and handled by Javascript.

Multi-page applications

  • In Multi-page apps, we get back multiple HTML pages, where each page has content for given Router.
  • In Multi-page apps, we only use React to create widgets.
  • For example, individually created components which we dump to that page but not entire page is managed by React, you can see this in many apps.


ReactJs Control over entire Applications

In single page applications, our page is built with components and every component is a React Component and also the entire page is managed by root React component and it’s just under React control.

In the Multipage apps in second hand, we split up our components but a lot of pages are going to be normal HTML pages, and widgets we dump in like an Image gallery that is managed by React, so the entire page is not under React control.


The Better approach

But the popular approach now days is Single page applications approach because you manage the entire page with Javascript you never have to go back to the server and reload the page. that is the amazing use to experience because everything happens instantly.

Here you are not just showing spinners page where a user can’t do anything but a page which is still a reactive web app.

Deven Rathore

Deven is an Entrepreneur, and Full-stack developer, Constantly learning and experiencing new things. He currently runs and

Published by
Deven Rathore

Recent Posts

Top 10 SEO Writing Tips for Beginners 2021

Search Engine Optimization. It’s complicated, to say the least. Search engines, like Google, are constantly…

4 days ago

Should you become a freelancer in 2021? Pros and Cons

Freelancing and working from home was long considered idyllic by many, but the global pandemic…

4 days ago

The Leading Renewable Energy Trends in 2021

The past year saw slowdowns in the ongoing shift toward renewable energy in many countries…

1 week ago

Top 20 Web Developer Portfolio templates

Are you in search for web developer portfolio templates? In this article, I have discussed…

4 weeks ago

The list of top websites to check the grammar of an essay

The hard work and dedication put into an essay should not be thrown away by…

1 month ago

Top Secure Coding Practices Based on OWASP Guidelines

When a good developer makes an app, they don’t leave behind any loose ends. They…

1 month ago