Frameworks overview

[simison]

This is an overview into various framework update/refactoring needs:

Major effort

• Migrate from AngularJS to React: React migration overview, AngularJS end of support. In progress. ⏳
• Support translations at Node.JS backend and email templates; we use i18n-next in React code, but we should also support translations at the backend, and especially in emails. Overview
• Upgrade Bootstrap; either migrate to latest or upgrade to another framework (Switch to Material design system #1390)
• Upgrade codebase to promises; we use a lot of async library currently, which also should be upgraded from v2 to async v3. Instead of callbacks and helper framework, we should write the code in promises directly.
• Implement a data layer Explore options for react data layer #1416
• Consider moving away from less to SASS and/or CSS-in-JS.

Medium effort

• Migrate to ESM modules from CommonJS
• Upgrade React to v17 https://reactjs.org/blog/2020/10/20/react-v17.html
• Migrate out of Travis CI, as it stopped working for us. Migrate out of Travis #2389
• Upgrade to Webpack 5 chore(deps): update dependency webpack to v5 #1793
• Migrate away from Gulp task runner; move to pure NPM scripts and/or Webpack. Put gulp in fire #1149
• Refactor/simplify access control layer Refactor access control list policy mechanism #802
• Remove boilerplate in tests. Lots of tests are very elaborate and can be simplified. Needs overview issue.
• Remove Stathat (unused for a while already, we do alerting with Grafana these days) Remove Stathat #2129
• Upgrade to MongoDB v4 fix(deps): update dependency mongodb to v4 - autoclosed #2399 and Mongoose v6 fix(deps): update dependency mongoose to v6 - autoclosed #2400 — requires running migration on production, and updating deprecated methods.
• Upgrade Agenda job runner. Attempted at Update Agenda job runner to v4 #2415 but reverted in Revert Agenda v4 update #2420. New try in Agenda v4 update #2443 In progress. ⏳
• Upgrade push notifications infra (Firebase) to latest; I think they even stopped working due to us being so much behind.
• Upgrade Jest chore(deps): update dependency jest to v27 - abandoned #2346 and related test libraries to latest; needs updating some deprecated methods. chore(deps): update dependency @testing-library/jest-dom to v5.14.1 #2367 chore(deps): update dependency eslint-plugin-testing-library to v4 - autoclosed #2281

Small effort

• Move from icon font to pure SVG files
• Add Stylelint and linter for CSS-in-JS
• Use variables for global things (colors, padding, etc) in CSS-in-JS instead of hardcording them.