Getting entire redux state as a separate JSON file

Question

I need to get the whole Redux state as a JSON file without payload or action from Redux DevTools, just the state.

score 11 · Answer 1 · answered Dec 06 '18 at 12:52

11

State -> Raw -> Copy & Paste

answered Dec 06 '18 at 12:52

lecstor

5

This is a valid JS object, but it's not technically valid JSON as the keys need to be strings which need to be surrounded by quotes: https://www.json.org/ – Chase Sandmann Jan 16 '19 at 22:18
3

when I paste it into my editor and save as *.json it gets formatted correctly (with quotes, etc) 8) – lecstor Jan 19 '19 at 10:38

denvercoder9 · Accepted Answer · 2019-10-09T00:24:26.477

3

If you're using React, and have React DevTools installed, there's another way to get the state from within Chrome:

Open React DevTools Components tab and select the top level "Provider":

Then go to the Console tab and paste this into the prompt: JSON.stringify($r.store.getState())

$r is the currently selected component in react devtools

edited Oct 09 '19 at 00:24

answered Oct 08 '19 at 23:20

denvercoder9

Accepted this answer, as this one is better than previous – Pushkin Jul 14 '22 at 05:27
This worked for me `JSON.stringify($r.props.store.getState())` – hiteshpariyani Dec 16 '22 at 11:25

score 0 · Answer 3 · answered May 10 '23 at 08:10

Open Redux devTool => state => raw => Copy all the state
Open the visual code, create a .json file and paste the state into this new file
Install "Prettier" extension.
Right click and choose "Format document with..."

It's done in my case :D

3 Answers3