Let’s learn from each other!
What are everyone’s top tips and tricks for organizing large scale single page apps?
- Emoji’s! This is a must for me. I use specific emojis for specific elements/data. It helps keep my element tree extremely simple and quick to sift through.
(If you want my whole list just ask!)
- On custom states of tabs I use numbers rather than words. This allows you to do +1 or -1 for navigation and easily organize
Let’s say I have a 5 page popup my tree will look like this
— Create a user
+  contact info
+  company info
+  social info
+  example 4
+  example 5
Also every popup I have has a loading group under the “ contact info” type of groups
I standardly use state #
100 for loading
200 for success
400 for error
500 current user plan doesn’t have access
600 no current ______ created ( ____ = leads, appointments, or whatever for your user case)
So for user experience it’ll go ->
On popup initiation If current plan level < 2 state = 500 this will show user doesn’t have access
Or for if they do have access.
 page 1 next button clicked
Set state of popup to 100
The loading group shows and page 1 hides and collapses.
Wait 2.5 seconds
Set state to 2.
This makes duplicating and using this single popup for almost any use case incredibly easy.
- I use navigation as option sets and shown using repeating groups rather than hard coded. Why?
This makes adding future pages or menu items incredibly easy and rather than dealing with the possibility of things looking funky with spacing if I’m moving quick the repeating group makes it incredibly quick.
The options have data points for things such as page title, menu title, menu icon, and menu position.
This also allows you to reorganize your menus in seconds rather than focusing on UI adjustments.
This also cuts down on navigation workflows and clutter.
YOUR TURN! what are your tips and tricks when building single page apps or complex large pages!?