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

Choose An App Development Company In 4 Easy Ways

The mobile app industry has been popular in recent years. Thanks to the continuing technological…

5 hours ago

3 Ways to Get the Most Out of Your University’s Virtual Computer Lab

IT is more important than ever in the world of higher education, and yet with…

5 hours ago

Top Tips for Learning Java Programming

If you’re here for the top tips, we assume you’re ahead of the “how to…

3 days ago

Neural Networks for Creating Blog Texts

The world is progressing at unprecedented rates at the current moment, especially in terms of…

4 days ago

Top 20 Opensource Python Tkinter Projects

This article will highlight the Top 20 Opensource Python Tkinter Projects which we believe will…

6 days ago

Beginners guide to Sneaker Proxies

With their numerous applications in streamlining the data flow, securing both the servers and the…

1 week ago