Our app (https://domestica.app/login) is a pretty good (IMO) example of a blazing fast SPA. It uses Mithril and copious amounts of chunking to make the bundle size extremely small.
On my browser (Firefox, on OSX) it loads /loading then /login. When I go back, that takes me back to /loading, which forwards me to /login again immediately.
Going back requires holding down the back button so I can skip that history record. Illustrated: https://imgur.com/a/zFaGw4a
(Quite a few sites screw this up. It's very annoying.)
This is great, thank you for sharing. We primarily test in Chrome which doesn't seem to display this for whatever reason. Should be an easy fix to remove the history for the loading page.
This is one of the worst SPAs I've ever seen, simply because it causes an infinite redirect loop when clicking the back button and/or tampers with the browser history to make using the back button impossible.
Just tried the app and immediately found the typical SPA bugs and quirks:
- tried to add a recipe and nothing happened for so long (3-5 seconds) that I thought it was broken. Then suddenly the add recipe form finally appeared. Blazing fast! On your dev laptop maybe.
- click payee, nothing happens. URL changes though. God I hate SPAs
- adding an item to your shopping list causes a 'item added' popup to appear. Over the add item button so you can't add another item without dismissing the popup. It's probably only an issue on mobilr, but this popup is only necessary because it's a SPA
- I'm on the 'create shopping category page'. Try and click the 3 dot thing in the top right. The new menu appears underneath the body of the page...
- on the recipe page, you can click the M? button and it displays a link about 'markdown'. Click the link, it takes you to a blank page, which then redirects back to the homepage after a second or two. Bye-bye all your existing input
- this is more of a bug, but if you try and use markdown in the directions text box for recipes, you can't. Start with a # and all your input just disappears (Firefox mobile)
A few other comments I'd add:
- Get a designer, or maybe buy an off the shelf design. That green is err, not nice. The design looks like a developer made it. I'm not great either but you can get a decent design, based on bootstrap or whatever, for like $50 and just adapt it. There are even free designsz like AdminLTE
- why are the top corners of the input boxes rounded, but the bottom corners square?
- Every time I go to the login screen, the logo pops in later than the rest of the screen. And then the Google login pops in even later. I'm on my mobile so can't check, but that screams bad browser cache settings on your images/static assets
- why are the + buttons slightly elliptical instead of round? Looks odd
I generally like the idea behind the app though, though won't use it as it's all in $s. I wonder how much traction you're going to get though as it's going to be really intensive setting it all up
To add: clicking + on the wiki page does nothing and inexplicably calls out to the https://domestica.app/api/v1/budget/payees endpoint resulting in HTTP error - whilst the UI stays silent and displays nothing.
Thank you for the feedback! We'll take a look at these, especially the recipe form. For the shopping list alert issue, you should be able to dismiss the alert but I see where you're coming from. Regarding the colors, you can set whatever color scheme you want under your account settings. The images have always given us trouble, they should be cached but the painting seems like it occurs after load for some reason (I think it has to do with auto height/width?). It's annoying, and will be prioritized soon.
could you comment on how a cursory use of your 'blazing fast SPA' apparently has multiple serious issues and whether this is enough to warrant a paradigm-shift re your belief on how awesome SPAs are? All this almost feels like a parody an anti-SPA advocate would write.
