immutable.js

In redux I understand that state is immutable and when you create new state you are essentially updating the object with what ever new information there is and then totally rewriting the state. Today I had a thought and I am not sure how stupid it is. Is it computationally expensive to keep re-writing the state? I know that this is one of the major paradigms of Redux, but I want to know if this makes sense from a memory and space perspective. You are allowed to mutate the state in Redux but you should not do it at any cost because you'd be coding in Redux anti-patterns Mutating objects, in

MY QUESTION: Why doesn't updating a property of an object in an array in my Immutable state (Map) not cause Redux to update my component? I'm trying to create a widget that uploads files to my server, and my initial state (from inside my UploaderReducer which you will see below) object looks like this: let initState = Map({ files: List(), displayMode: 'grid', currentRequests: List() }); I have a thunk method that starts uploads and dispatches actions when an event occurs (such as a progress update). For example, the onProgress event looks like this: onProgress: (data) => { dispatch

Say I have classes Task and TaskGroup class Task{ constructor(public text:string){} } class TaskGroup { constructor(public title:string = "new task group", public tasks:Task[] = []){} } Then in my Angular 2 service I will create an Immutable List of TaskGroups @Injectable() class TaskService { taskGroups:Immutable.List<TaskGroup>; constructor() { this.taskGroups = Immutable.List<TaskGroup>([new TaskGroup("Coding tasks")]); } } This way only taskGroups List is immutable. Whatever is inside it isn't. Even if I do Immutable.fromJS(...) instead of Immutable.List<Board>(...) the nested objects are

Assume there is an object: const object = { 'foo': { 'bar': [1, 2, 3] } } I need to push 4 to object.foo.bar array. Right now I'm doing it like this: const initialState = Immutable.fromJS(object) const newState = initialState.setIn( ['foo', 'bar', object.foo.bar.length], 4 ) console.log(newState.toJS()) But I don't really like it, since I need to use object.foo.bar.length in the path. In my real example object is nested much deeper, and getting array's length looks very ugly. Is there another, more convenient way? zerkms This should work initialState.updateIn(['foo', 'bar'], arr => arr.push(4)

I have a react-redux application written in typescript with immutable package. There I have a data, which comes from api and in store I pack it to Map. In all application they are used as a Map. I created an interface: export interface PaymentMethod extends Immutable.Map<string, string | NamedType<number>> { id: string; name: string; description: string; accountNr: string; paymentMethodType: NamedType<number>; } In general it works very good. Except tests, where I create data this way: const dummyPaymentMethod: PaymentMethod = Map({ id: '', name: '', description: '', accountNr: '',