How to use Immutable.js as state?

Sorry. Question again. I’m trying to use Immutable.js for the state. Here is my makeStore function

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import reducer from './reducer';
import Immutable from 'immutable';
export default function makeStore(initialState = Immutable.fromJS({})) {
    return createStore(reducer, initialState, applyMiddleware(thunk));
}

and then I use this to 'wrap' the Page component 
Page = withRedux(makeStore, (state) => ({
    foo: state.get('foo'),
    custom: 'custom value',
}), actions)(Page);

got error : state.get is not a function can you suggest a way to make redux work with Immutable.js thank you.

[kirill-konshin]

If you still want to use Immutable then you have to modify your makeStore function. In your sample if initialState will be a plain object, it won’t be converted to Immutable. Function should detect if it’s an instance of immutable, and if not - convert it using Immutable.fromJS.

export default function makeStore(initialState = {}) {
    // I use nasty duck typing, you should find a better way to detect
    if (!!initialState.toJS) initialState = Immutable.fromJS(initialState);
    return createStore(reducer, initialState, applyMiddleware(thunk));
}

I suggest not to use ImmutableJS, it’s useless, you can do everything with just spread operators ... and immutable operations on objects and arrays. It only brings problems and forces you to smear all those .get() methods everywhere in your code, so it will be hard to get rid of it later. Keep in mind, that per Redux’s contract, the store’s state is a plain object, so I can’t guarantee that nothing breaks with Immutable.

[kirill-konshin]

Honestly I think it’s useless, especially for less experienced devs 😃 subtle performance benefits of write operations does not seem to be a good reason to sacrifice read performance or code readability…

I think that if someone is experiencing huge performance issues with ES immutable operations it just mean that the data processing is poorly architected, and ImmutableJS by itself will not help much. But that’s just my opinion.