Storing class instances in redux store

» reactjs » Storing class instances in redux store

By : ZulmaFeliciano

Date : December 05 2020, 12:23 PM

To fix this issue The fact that it's a singleton suggests to me that it's mutable, and that your reducers are modifying it directly instead of projecting new instances of it in response to actions. This is a misuse of redux and will cause react-redux to not recognize changes.

code :

Share :

Python class instances stored in a list to store seperate instances

By : MHPC_Solutions

Date : March 29 2020, 07:55 AM

will help you It looks like you want a class variable.
The code should look like this:

code :

from datetime import datetime

class Sms_store:
    store = []
    message_count = 0

    def __init__(self):
        pass

    def add_new_arrival(self,number,time,text):
        Sms_store.store.append(("From: "+number, "Recieved: "+time,"Msg: "+text))
        Sms_store.message_count += 1

newsms1 = Sms_store()
time = datetime.now().strftime('%H:%M:%S')
newsms1.add_new_arrival("23456",time, "hello, how are you?")

newsms2 = Sms_store()
time = datetime.now().strftime('%H:%M:%S')
newsms2.add_new_arrival("23456",time, "hello, how are you?")

print Sms_store.store

Storing "global" object outside of Redux store in React/Redux app

By : Elissa Hull

Date : March 29 2020, 07:55 AM

this one helps. Redux Thunk, authored by gaeron, he who authored redux, since 2.1.0 allows you to do:

code :

const store = createStore(
  reducer,
  applyMiddleware(thunk.withExtraArgument(api))
)

// later
function fetchUser(id) {
  return (dispatch, getState, api) => {
    // you can use api here
  }
}

Redux Newbie Trying to Make Pure-Data Class That Uses Redux Store

By : vdravid

Date : March 29 2020, 07:55 AM

I wish did fix the issue. The nice thing about the react-redux helpers is that they allow you to use connect() and to automatically pass the store to child components via React's context. However, that doesn't necessarily mean that you have to use these helpers, especially in areas of a codebase that don't use React.
So here lies the problem: connect() and help us by giving our React components access to a singleton instance of a store, but how can we access this store somewhere where connect() and can't be used?

code :

import {createStore} from 'redux';

const initialState = {
    currentId: 1,
    things: ['foo', 'bar']
};

const reducer = (state = initialState, action) => {
    if (action.type === 'SET_CURRENT_ID') {
        return Object.assign({}, state, {
            currentId: action.id
        });
    }

    return state;
};

const store = createStore(reducer);

class Store {
    constructor() {
        this._store = undefined;
    }

    setStore(store) {
        this._store = store;
    }

    getCurrentThing() {
        if (this._store) {
            const {things, currentId} = this._store.getState();

            return things[currentId];
        }
    }

    setCurrentThing(id) {
        if (this._store) {
            const action = {
                type: 'SET_CURRENT_ID',
                id
            };

            this._store.dispatch(action);
        }
    }
}

export let singletonStore = new Store();

import {singletonStore} from './store';

singletonStore.setStore(store);

import {singletonStore} from './store';

console.log(singletonStore.getCurrentThing()); // 'bar'

singletonStore.setCurrentThing(0);

console.log(singletonStore.getCurrentThing()); // 'foo'

Is it Okay to store functions and instances of Class in redux store?

By : avez quadari

Date : March 29 2020, 07:55 AM

wish helps you The Redux store is supposed to be the 'single source of truth' for the application. It is where all the state of the application should reside. Any type that can be stored as state of a Component can be stored in Redux.
Your question seems to consist of 2 main parts.

Redux saga using parameters of other instances of the class

By : Patrik Hägglund

Date : March 29 2020, 07:55 AM

wish of those help It seems to the problem is not in Saga, but same agent is used in any new api instance. If you check

code :

const i1 = new APIClass('1', '1');
const i2 = new APIClass('2','2');

console.log(i1.instance === i2.instance); // true

const superagentUse = require('superagent-use');
const superagent = require('superagent');

module.exports = class APIClass {
constructor (spaceID, accessToken) {
    const agent = superagentUse(superagent); // this agent will be used only in this instance
    agent.use(prefix(...));