React functional components and hooks code refactor

[chriscareycode]

The React framework which this project is written on top of, has moved to a new component style known as "functional components" with "react hooks". This release is a pretty large refactor of this project from React class components to this new style. Also, with this version this project is moving to using the Recoil state management library for managing state across the application.

New features in this build:

• A new "summary" section up top. This section can show a summary of everything that is down that will always be visible no matter how many items are down. You can disable this in settings if you do not like it and want the old look back.
• Added the ability to quickly choose "how many minutes between checks" on the Dashboard page. You can choose a different polling interval for Hosts, Services, and History/Alerts.
• Automatic scroll feature. Enabling this will cause the page to scroll top to bottom so that all items can be seen even if they are off the screen. This can be enabled via settings or via a new icon in the top menu bar. I would like to expand the feature set for this feature to have options such as "only scroll when there are more than x items" so the page will be still when there are no items down, but start scrolling when a bunch of things are down. A work in progress and I'd like to hear your feedback.
• Animated, smoother page transitions when switching from Dashboard, to Settings, to Update, and Info pages.
• Cleaned up and refined the Settings page
• Cleaned up and refined the Updates page
• Previously Flynn (Doom Guy) would get mad only from Service issues. Now he has access to both Host and Service data so will get mad from either.
• Scroll to Top button - Optimized the scroll detection routine with a debounce. Previously it was running on each pixel moved when scrolling. Now it only fires after a delay when scrolling stops.
• "Stop notifying me about this version" button on the update page. If NagiosTV is advertising that a new version is available, you can choose to "Skip this version".
• Link to Hosts and Services by clicking on Alert History items. Clicking on the host name will take you to the Nagios web UI for the host, clicking on the service name will take you to the service page on the Nagios web UI.

Due to the large amount of change in this version, it is a higher risk upgrade. So please try it out, and monitor the page for reliability. If you encounter any issues with this build such as browser crashing, memory leak, or anything else, please reach out to me and I'd like to get any of these issues nailed down. You can always roll back to the previous stable build via the Update page if you run into issues.

---

This discussion was created from the release React functional components and hooks code refactor.