What's the maximum memory size of the redux store?

javascript reactjs redux react-redux store
Malkhazi Dartsmelidze picture Malkhazi Dartsmelidze · Dec 11, 2018 · Viewed 9.4k times · Source

I am writing an App in React. I am using Redux to store my data on page. This Data contains a huge user object ( nested max. 3 levels ) which contains all user data. I am using it almast anywhere so I think that it is good to store it in redux and not to request it from server everytime when I need it. This Data can be about 70-80 KB but I think average size of each user will be 30-40 kb.

This data is modified with combined of 5-6 reducers and 30-50 actions. I have one component which uses all of this data and 10-15 components which uses some part of it.

can redux store be almost 100 kb in size?

does it affect the App performance?

can any browser handle my app without any performance issues?

Can you provide your average redux store size?

What is the average number of actions and reducers one can have?

Answer

lecstor picture lecstor · Dec 11, 2018

Open "More Tools" -> "Task Manager" in Chrome.

Open the twitter web app and find the tab in Task Manager. Mine started at 120MB.

Start scrolling and see how long it takes to crack 500MB.

I know it's not directly related to data stored in Redux considering most of it is gifs, etc, but it is related I think it demonstrates that talking about limits of 100KB is not worth the thought involved. I'd be very surprised if you could find a device with a browser that had any issues with even 10MB.

Related questions

How do I access store state in React Redux?

I am just making a simple app to learn async with redux. I have gotten everything working, now I just want to display the actual state onto the web-page. Now, how do I actually access the store's state in the …

Read More
Understanding React-Redux and mapStateToProps()

I'm trying to understand the connect method of react-redux, and the functions it takes as parameters. In particular mapStateToProps(). The way I understand it, the return value of mapStateToProps will be an object derived from state (as it lives in …

Read More
'dispatch' is not a function when argument to mapToDispatchToProps() in Redux

I am a javascript/redux/react beginner building an small application with redux, react-redux, & react. For some reason when using mapDispatchToProps function in tandem with connect (react-redux binding) I receive a TypeError indicating that dispatch is not a function …

Read More