Skip to content

Improve UI Responsiveness on Data-Heavy Pages with React 19 Streaming#234

Merged
BoraIneviNMI merged 22 commits into
developmentfrom
FDM232
Aug 14, 2025
Merged

Improve UI Responsiveness on Data-Heavy Pages with React 19 Streaming#234
BoraIneviNMI merged 22 commits into
developmentfrom
FDM232

Conversation

@BoraIneviNMI
Copy link
Copy Markdown
Collaborator

@BoraIneviNMI BoraIneviNMI commented Aug 11, 2025

Improvements

  • In pages that work with the NMI API or other slow APIs, return a promise from the loader so that the next page loads quickly and React can show the suspense fallback.

Closes #232

Summary by CodeRabbit

  • New Features

    • Redesigned nutrient advice page with KPI and nutrient sections, plus skeleton loaders for a smoother experience.
    • Revamped atlas field details into a unified layout with responsive design and dedicated loading skeletons.
    • Added per-field navigation and overview on nitrogen balance pages.
  • Refactor

    • Converted nutrient balance, norms, nutrient advice, and atlas field views to progressive loading for faster initial display and consistent spinners/skeletons.
    • Enhanced error handling with clearer, user-friendly messages.
  • Chores

    • Bumped app version (minor).

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

branch:main An issue, affecting the main branch, that requires an hotfix enhancement New feature or request fdm-app

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve UI Responsiveness on Data-Heavy Pages with React 19 Streaming

3 participants