Full Screen "Loading" Instead of Only the React Child Component

[zalor63]

First of all, thanks for this amazing project! 🚀

I really appreciate the work put into it. I wanted to report a small issue I noticed with the loading behavior. If I have time, I’ll try to fix it myself.

When navigating between pages, the entire screen enters a loading state instead of just the specific child component being updated. This makes it feel like you're leaving the app and going to another website, which affects the user experience.

Expected Behavior
Only the affected child component should display the loading state, while the rest of the UI remains visible.

Current Behavior
The entire screen goes into a loading state, making the transition between pages feel like a full refresh instead of a smooth single-page navigation.

Steps to Reproduce
Click on any menu item to navigate to another page.
Observe that the whole screen displays a loading state.
Possible Solution
Update the loading logic to ensure only the relevant child component shows the loading state.
Consider using React Suspense, conditional rendering, or local loading states instead of a global full-screen loader.
Additional Notes

Thanks again for maintaining this project! If I find time, I’ll look into fixing it. Keep up the great work! 🚀

[Shreyas-29]

Hey, Great, you found this issue. If I also find a bit of time I will try to fix this issue. Thanks for letting me know.

…

On Thu, 13 Mar 2025 at 23:31, zalor63 ***@***.***> wrote: First of all, thanks for this amazing project! 🚀 I really appreciate the work put into it. I wanted to report a small issue I noticed with the loading behavior. If I have time, I’ll try to fix it myself. When navigating between pages, the entire screen enters a loading state instead of just the specific child component being updated. This makes it feel like you're leaving the app and going to another website, which affects the user experience. Expected Behavior Only the affected child component should display the loading state, while the rest of the UI remains visible. Current Behavior The entire screen goes into a loading state, making the transition between pages feel like a full refresh instead of a smooth single-page navigation. Steps to Reproduce Click on any menu item to navigate to another page. Observe that the whole screen displays a loading state. Possible Solution Update the loading logic to ensure only the relevant child component shows the loading state. Consider using React Suspense, conditional rendering, or local loading states instead of a global full-screen loader. Additional Notes Thanks again for maintaining this project! If I find time, I’ll look into fixing it. Keep up the great work! 🚀 — Reply to this email directly, view it on GitHub <#1>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2TDKBWCTSSFCV7SYUOQC232UHBZJAVCNFSM6AAAAABY64QPKCVHI2DSMVQWIX3LMV43ASLTON2WKOZSHEYTQMBRG4YDINQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***> [image: zalor63]*zalor63* created an issue (Shreyas-29/cura#1) <#1> First of all, thanks for this amazing project! 🚀 I really appreciate the work put into it. I wanted to report a small issue I noticed with the loading behavior. If I have time, I’ll try to fix it myself. When navigating between pages, the entire screen enters a loading state instead of just the specific child component being updated. This makes it feel like you're leaving the app and going to another website, which affects the user experience. Expected Behavior Only the affected child component should display the loading state, while the rest of the UI remains visible. Current Behavior The entire screen goes into a loading state, making the transition between pages feel like a full refresh instead of a smooth single-page navigation. Steps to Reproduce Click on any menu item to navigate to another page. Observe that the whole screen displays a loading state. Possible Solution Update the loading logic to ensure only the relevant child component shows the loading state. Consider using React Suspense, conditional rendering, or local loading states instead of a global full-screen loader. Additional Notes Thanks again for maintaining this project! If I find time, I’ll look into fixing it. Keep up the great work! 🚀 — Reply to this email directly, view it on GitHub <#1>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2TDKBWCTSSFCV7SYUOQC232UHBZJAVCNFSM6AAAAABY64QPKCVHI2DSMVQWIX3LMV43ASLTON2WKOZSHEYTQMBRG4YDINQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>