Frontend Code Enhancements

[prastut]

Why this is an issue: Code is becoming unmanageable.

Effective ideal manageable state: Separate Core Viz Framework from the product(s). Right now Bot + Frontend + Viz Framework + Video Integrated Framework all are in one codebase. ROI is very less per say, only if attrition rate is high as new people keep coming and old people keep leaving.

• Do we switch to a framework now?

  • Why?
    • A lot of code is being written only to update the viz with new data.
    • Classic case when framework is needed.
  • Problem is that a lot of frameworks don't support svg interactions.
  • All D3 + Libs have become obsolete after v4 launch.
  • Worth the revamp?

• If we stick to our codebase:

  • Efficient routing with require.js
  • Code is still unmanageable in main.js. Effectively main.js should be the control center of calling everything. The usecase of main.js should be only be limited to:
    • Call API and get data.
    • Call all charts: Line + Scatter + Event + Players (Video Demo)
    • Update charts when data is incoming.

[prastut]

@digi0ps fundamentally are you able to see how can I separate data logic and view logic in our scenario? I don't want to use Angular because it is an overkill. Haven't used React that much to comment on seperation of concerns.