Redux Toolkit Migration

[ChrisMart21]

Description

This pull request primarily focuses on updating the project to modern Redux patterns by migrating to the recommended 'Redux-Toolkit' while addressing several other minor issues along the way.

Fixes:

• 817

  • Reworked the snippets in question to use react-routerv6's outlets + redux state.

• 92

  • Data Fetching now managed via RTK Query. Fetching/caching simplified and more robust.

• 886

  • Preferences removed the container, and added hooks + selectors

• 893

  • All components now are functional. Dropped the container+component HOC pattern.

• 466

  • Graphs now scale / are responsive

Partially addresses

• 726 / #888

  • Continues the ongoing push towards functional components.
  • All graph types other than compare
  • main containers
  • admin preferences/userpages

• 1093

  • Continue ongoing switch towards notifications.

Type of change

• [ ] Note merging this changes the database configuration.
• [x] This change requires a documentation update

Checklist

• [x] I have followed the OED pull request ideas
• [x] I have removed text in ( ) from the issue request
• [x] You acknowledge that every person contributing to this work has signed the OED Contributing License Agreement and each author is listed in the Description section.

Limitations

• This pull request introduces numerous changes across the front end that are yet to be thoroughly tested. While not entirely feature-complete, it represents a significant step towards migrating to RTK. A thorough evaluation is necessary to ensure these changes have not impaired the functionality of the app.

  • Close evaluation and iterations have been ongoing since initial posting of PR. It is reaching its final stages, and is believed to be stable. Further testing and evaluation from the community is always welcome, and encouraged.

• This PR has a version bump to react-router-v6. This change introduces several newer hooks that pair well with the ongoing migration towards functional components. This did however introduce some backwards compatibility issues with the current implementation of the unsaved warning. This component has to be reworked for compatibility with react-router-v6, but also Redux RTK.

  • There was issues/difficulty migrating the entirety of 'Maps'. Maps currently is still using legacy redux and either needs to be reworked, or migrated properly by someone more knowledgeable on this section of the code base.
  • While maps utilizes some newer RTK elements, it is still heavily reliant on legacy redux patterns.
  • Further work is necessary on this section of the migration.

• Redux-Toolkit introduces some new devmode checks which conflict with some of the legacy Redux code. For example, the 'serializableCheck' has to currently be suppressed due to the use of TimeInverval in Redux State. TimeInterval is a class which is non-serialiazable which needs to be addressed. Additionally 'immutableCheck' is also currently has conflicts with the maps implementation. For the time being, these checks are disabled to prevent the app from malfunctioning, however the goal is to address these issues, and have all dev mode checks enabled.

  • Progress has been made on this front and will likely be resolved in tandem with the Maps rework.

[huss]

I want to express my deep thanks to @ChrisMart21 for initiating and completing the migration of OED to the Redux Toolkit and Query system. This not only gets OED up to the latest Redux usage but adds a number of new features such as history of graphics. This is a substantial step in OED keeping current with technology and reducing our technical debt. Many thanks.