IMPORTANT: Autorun: run the algorithm and update the plots automatically without clicking on Run button

This may include:

• debounce run() calls
• hide feature behind the checkbox, disabled by default

Issues:

• formik does not allow to subscribe to the form state changes. It requires submit to be called
• formik does not expose the form state. We currently grab the state in validation callback, which arguably, is a hack
• formik seem to be re-rendering the entire form on changing any field. This is a performance problem - In automatic mode editing fields is very uncomfortable. There are ways to workaround it, but I don’t want to introduce any more workarounds.

Solutions:

• Replace formik with redux-form? It will require quite substantial changes, for example reimplementing the validation.

I posted a cry for help in the Formik’s chat: https://spectrum.chat/palmer/formik/retrieve-values-without-submit-re-rendering-covid-19-scientists-need-help~d595a68c-2090-4a16-8a21-6f0772ff48e7

The following gif shows how on changing one value the entire form including mitigation plot is being re-rendered:

[gj262]

Once the graphs are drawn interactivity with the form is impaired. And this is regardless of manual Run click or auto Run. Just focusing different form inputs is sluggish. Stepping the counters is v. sluggish.

I’d be interested if this is seen by others with the current production site.

[dkozar]

I’m playing with possible fix in this PR: https://github.com/neherlab/covid19_scenarios/pull/432/

(this is WIP, not polished yet)

The general idea is to keep latest params in memory (Singleton) during the debouncing period, and to allow components to fetch them when needed. Because sending them through the store causes re-rendering of everything.

Demo (test for comparison): https://covid19-scenarios-97ywlzg4y.now.sh/