Skip to content
This repository was archived by the owner on Oct 17, 2020. It is now read-only.
This repository was archived by the owner on Oct 17, 2020. It is now read-only.

[Feature] Add loading page component #816

Description

@rohithbalaji123

What is the problem?
When visiting a page whose availability is determined from the server state, there is a time lag before the response is shown to the user.

Your solution
We can show an intermediate loading page to let users know that we have received the request and the server is validating the page access request.

Alternatives considered
Currently, an empty page is shown. If having a loading page is found to add resource overhead, we can leave it as such.

Additional context
When a user goes to an auth protected route, say admin panel, there is a network call made to determine if the page is accessible. I have added a 2 second delay in server to show the need for this in the following GIF.

loading

Activity

  1. naturetime10 commented on May 26, 2020

    @naturetime10
    Member

    I wonder why did it take so long to load. Is it purely network latency? We can use Chrome profile tool to find out what's exactly going on here.

    Both loading animation and server side rendering sound good to me.

  2. rohithbalaji123 commented on May 26, 2020

    @rohithbalaji123
    MemberAuthor

    @byliuyang

    Additional context

    When a user goes to an auth protected route, say admin panel, there is a network call made to determine if the page is accessible. I have added a 2 second delay in server to show the need for this in the following GIF.

  3. naturetime10 commented on Jun 13, 2020

    @naturetime10
    Member

    @rohithbalaji123 Oh! Sorry for missing that.

  4. Coteh commented on Jun 13, 2020

    @Coteh
    Collaborator

    Interested in taking this!

  5. self-assigned this
    on Jun 13, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions