Frontend is not compatible with Redux Devtools

[nichhk]

Overview

Redux Devtools makes debugging and viewing redux state much simpler. We should make our frontend compatible with this extension. See this post for instructions.

It looks like we've installed and activated Redux Devtools two years ago (PR #289), but the extension is greyed out when I'm on the dev site.

Action Items:

• [ ] We should rename "webpack.dev.js" to "webpack.local.js", and create a new "webpack.dev.js" file that is the same as "webpack.prod.js", but it specifies mode as "development". See context in comment below.

[nichhk]

Ah, so Redux Devtools only works locally because we're specifying development-only in the extension importing.

Currently, when we bring up the dev and v1 site, we are specifying that the mode is "production" (e.g., for dev, we run npm run build, and build uses the webpack.prod.js config). We should rename "webpack.dev.js" to "webpack.local.js", and create a new "webpack.dev.js" file that is the same as "webpack.prod.js", but it specifies mode as "development".

[mc759]

Hey @edwinjue can you help us update this issue?

Please update:

• Progress:
• Blockers:
• Availability:
• ETA:

Thanks!

[edwinjue]

Redux devtools should already be working on local development environment as I already have it installed