Today I was going through the my mail box. I just seen that when I am navigating through different folders after # that folder name is changing and data being refreshed. I just want to confirm is Gmail a single page application. I also want to develop a mail box kind of application using Single page application concept. Below is sample URL for inbox folder.
https://mail.google.com/mail/u/0/#inbox
Can I develop sample mail box application using angular js as angular js supports concept of SPA?
Facebook, Twitter, and Instagram are all single page applications, and Google also uses them for their services, including Gmail and Google Drive.
You'll easily recognize some popular examples of single page applications like Gmail, Google Maps, Airbnb, Netflix, Pinterest, Paypal, and many more. Companies all over the internet are using SPAs to build a fluid, scalable experience.
Gmail as a Single Page ApplicationThe JavaScript hides the inbox and pops the message content on the screen. Most of the products used by Google such as Sheets are also examples of single page application, as the URL doesn't change when the user clicks on different worksheets in GoogleSheets.
Another example of a single page application is the Facebook news feed. Content is loading as you scroll through the app. The other examples of single page applications include the WhatsApp Web, Flickr, Trello, AngularUniv, and more Google web services like Contacts, Spreadsheet, Maps, etc.
Yes, Gmail is a single-page application.
That is the reason before loading Gmail you see a progress bar, as it fetches everything from server once and then all the rendering is done on the client side with calls to server only for fetching data and not the DOM.
Apart from Gmail, other services in the suite like Google Calendar, Google Drive etc. are also Single Page Applications.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With