Using Immer with Reducers and React Hooks

Helpful

Thx

Thank you

I wonder why the name "unshift" was chosen by spec designers? Would've been really easier if they had given it some easier name.

Thanks! This is so useful. I encountered this at work and you save me.

A nice Game Changer.

redux is way too much boiler plate. whoever created it was on crack

This might be outdated, but I'm using Immer for the first time and mutating the draft object NEVER causes a re-render for any of my functional components. I'm using useSelector. Why is this?

What extension are you using to show the size of imported packages?

ty for sharing

I have one question, redux has one hook called useSelector, so if i use that, can i stop using reselect, are both doing same ? do useSelector give the same performance ?

This is what I was looking for, I had already done making my userReducer a lot mess. This will certainly make my reducer cleaner.

Random question, but is there any reason why you can't make a copy of todos yourself and modify the copy then return the copy instead of pulling in a library for that? That way you can do what you want and you aren't modifying the state. For example:


const todosReducer = (todos, action) => {
const state = todos.slice();
switch (action.type) {
case "ADD_TODO":
state.unshift({ text: action.text, complete: false });
return state;
case "TOGGLE_COMPLETE":
state[action.i].complete = !state[action.i].complete;
return state;
case "RESET":
return [];
default:
return todos;
}
};




Cheers for the vids, enjoying them (learning react atm)

Funny how no one noticed that you have bug handling RESET case with immer :)

Great video! Thanks! Will you do more about immer then?

Immer hooks are awesome!

so glad you ended up trying it out Ben! love it!

Bravo.

Hey Ben, immer is a good library, but need to mention that it doesn't work in IE11 and there is no way to polyfill it since it's based on JS Proxy.

Why not just clone the todos with lodash.cloneDeep function?

Why not use Immutable? I use it in production all the time. Makes it much easier!

This is exciting, thanks

Hi. Does immer say something about calculation speed? Immutable also was good approach ...

very clean approch

Great video thanks👌

Hey Ben, this is super useful. Will definitely try it in my next project. Thank you so much for publishing such latest videos. Your hardwork is much appreciated. :)😊