Immer.js Crash Course - And Why Immutability Is Very Important ⚡

[@codedamn]

Immer.js is a library for working with immutable data, it allows JavaScript developers to use immutable state while keeping the simplicity and convenience of manipulating mutable states. This means that developers can mutate data as usual while keeping all the benefits of immutable data. In this video, let's take a deeper look at Immer.js, about what is immutability and why is it important?
⚡ Try out Immer.js here:
codedamn.com/playground/lHV3L18PVn3uR_MWfpApT
Drop a comment and let us know if you've watched this video till the end!
⚛️ Check out codedamn's full-stack learning path: cdm.sh/fullstack
⚛️ Get started with web3 and decentralized technologies today: cdm.sh/web3

[@abhishekchandel4244]

Thanks for explaining the 'Why' part

[@samareshshil69]

Plain , simple and easy-to-grasp...TYSM

[@TinyMaths]

Thanks Bro. I started on React a bout 6 weeks ago and am building an inventory app. I avoided immer so far but I have deeply nested objects so it's a lot of work to get to an item. So today I decided that I might as well use immer, especially since you mention that the code is hard to read if you do it manually; my code is definitely wordy and even I struggle a bit to read what's going on if I'm debugging. Thanks for the tutorial.

[@_its_omg]

at start I loved yt filled with a lot of content now after about 2.5 yrs of development I have out grown yt not many channels with big 5Head requirement stuff available have to read though docs [ yes enjoyable : ) ].... and here comes codedamn giving some important dev stuff needed thanks dude will deffinelty use this ... keep making content like these

[@aliarslanansari]

Great video, i use immer in each reducer of redux, to prevent mutation

[@lakbychance]

Watched this till the end. Immer seems cool.

[@theatypicaldeveloper]

oh this is so cool! The code looks so much neater with immerJS

[@tedchirvasiu]

DEEP
INSIDE
MY HEART

[@null_spacex]

This is actually awesome.

[@gray_dragneel]

We can create another object by Object.create(obj)..the new object will point to the prototypes properties..we can override those properties

[@gopalbhattarai9707]

Excellent explanation, thank you for your hard work

[@SUlutas]

Thanks for this Video!

[@khizrshaikh9902]

I WATCHED THIS VIDEO TILL THE END!

[@rahuls331]

draft object isn't returned from produce callback. Is the object returned automatically @codedamn?

[@akshaybhargava5437]

I watched this video till the end ✌🏻

[@afro_habesha]

Hello, What how did you get the Browser Logs tab in the terminal is it an extension?

[@s-h-f]

Wouldn’t be easier if we destructure whole “obj” then change property using chaining???

[@pairohit305]

nope
javascript can clone upto 1 level only ... 2 level onward it has same reference

[@s-h-f]

@@pairohit305 ohh. I didn’t know that. Thanks🙌🏼

[@vaibhavyadav8726]

I watched this video till the end.

[@somnathgolui2912]

I watched the videos till the end.

[@nimitsavant3127]

Thanks for explaining this new concept to us

[@DeepakPatel-hc5eo]

how do we can able to access anotherAnotherObj directly at line no 15

[@manoj-k]

🔥🔥🔥

[@Dipenparmar12]

Amazing tutorial.

[@khizrshaikh9902]

4th comment
And thanks for this amazing crash course

[@0xPanda1]

is this alternative wrong?
const myFunc = (obj, callback) => {
const _ob = {...obj}
callback(_ob)
}
const obj3 = myFunc(obj, draft => {
draft.hello = "hello"
})

[@codedamn]

Yes, because it would mutate the following:
const obj = { a: { b: 2 } }
const obj2 = myFunc(obj, draft => {
draft.a.b = 100
})
now obj.a.b is also 100. Spread operator does not clone deeply

[@sportsvogue8188]

nicely explained

[@iganic7574]

Redux toolkit use this immer library behind the scene

[@souravdas423]

we can use constructor functions right?

[@HyperionX-w5d]

nice vid

[@yadneshkhode3091]

Thank you

[@LakshmikanthAyyadevara]

Why cant Object.assign work

[@taylorreeves3642]

Immer vs Jotai? Which would you choose, or are they totally different tools?

[@liu-river]

Jotai is a state management tool. It has nothing to do with this, but you can use both together.

[@taylorreeves3642]

@@liu-river Please can you explain the difference between Jotai and Immer?

[@liu-river]

@@taylorreeves3642 Jotai is a state management system like Redux and react Context API, it's like setting your states on a global level and then use it in any component you want, without having to pass that state as prop down to each components. While Immer helps you create new objects much faster, instead of writing spread syntax, you write as if you would to change the original object, this video explains it, watch it again.

[@taylorreeves3642]

@@liu-river Thankks for the clarification. Unfortunately had you commented 5 months ago I would've used it on this project I've been working on over the last 6 months.

[@liu-river]

@@taylorreeves3642 I hope you found other solutions for your project. There always the next one :D

[@jdiazco]

Hi, the playground is not accesible (Access Denied, You don't have permissions to access this page).

[@Sandeep-zd6dq]

One more level of abstraction over babel 😂 I think Next version of exam script should make these features as innate.

[@madhuprasad4822]

Funfact : Author of immer is the author of mobx
Mobx does not support immutability like redux , i guess mobx+immer combo will be 🔥
Also i watched the video till end 😅

[@ritzbhmb1742]

Redux toolkit already uses Immer under the hood

[@bhavyajain638]

Please don't use this video aspect ratio.

[@HousseinAlDroubi]

Hey

[@moatazmohammady6668]

I watched this video till the end ✌🏻