Bar showing and hiding delayed about react-redux-loading-bar

[mironov]

@morgler Please take a closer look at the gif posted. If you check its 16-17 frames you can see that Loading Bar is shown and slowly starting to animate. I agree that the current behavior looks weird and makes the app looks slower than it is.

Loading Bar doesn't get displayed for the first 200ms (default updateTime) in order to skip instant requests. So technically once it is shown, it should animate to 100%.

We can make the final animation quicker or hide Loading Bar right away if it just started the animation. I'll keep the issue open and give it some thought.

Meanwhile, you can set updateTime to a higher value:

<LoadingBar updateTime={500} />

If your requests finish in less than 500ms, Loading Bar will not be shown.

[mironov]

@morgler v2.9.2 includes faster terminating animation that should help with the issue you were seeing. If you still feel that Loading Bar is displayed delayed, please keep the updateTime higher than 200ms.

[morgler]

Awesome, thanks! Will take a look at it soon.

[arman-mukatov]

@morgler - I do not understand, everything looks smooth and beautiful..

v2.9.2 - Everything has become so fast that it so quickly appears and disappears, it's not beautiful.

[reginaldwhite]

I am seeing this same behavior using 2.9.3 and manual showLoading() and hideLoading() calls.
In my case the calls are taking around 1-1.5s to resolve; I do not see the bar until the hide call, which animates quickly and goes away.

[mironov]

@reginaldwhite That sounds like a bug. Could you make an example that reproduces the problem? You can take the demo as a starting point.

[reginaldwhite]

Yes; I will try. We are using redux-thunk as well.