1
Introduction to the in-depth Immer course
59s
2
Capture Application Logic in Pure Functions to Create Immutable State
3m 46s
3
Simplify Deep State Updates using Immer produce
2m 45s
4
Render Immutable Data using React
5m 41s
5
Profile React Rendering and Optimize with memo to Leverage Structural Sharing
3m 47s
6
Simplify Immer Producer Functions using Currying
2m 32s
7
Produces Immutable Data and Avoid Unnecessary Creation of New Data Trees with Immer
2m 33s
8
Immutable Update State inside React components with useImmer
2m 22s
9
Return Completely New State from an Immer Producer
1m 12s
10
Avoid Accidental Returns of New State by using the void Keyword
1m 33s
11
Write Asynchronous Producers in Immer and Why You Shouldn’t
3m 56s
12
Type Immutable Immer Data with TypeScript
2m 59s
13
Update Immutable State with React useReducer through Immer
4m 21s
14
Capture Patches to Distribute Changes in App State with Immer produceWithPatches
4m
15
Create a Simple WebSocket Server to Distribute Patches from Immer
2m 42s
16
Apply Patches using Immer applyPatches to Synchronize State across Clients
2m
17
Create Stable Patches in Immer by updating with Id instead of Indices
3m 11s
18
Compress the Immer Patch History by Replaying Patches on a setInterval
1m 39s
19
Use Immer inversePatches to Build Undo Functionality
3m 45s
20
Use Immer Patches to Build Redo Functionality
3m 9s

Produces Immutable Data and Avoid Unnecessary Creation of New Data Trees with Immer

JavaScript

Share this video with your friends

In the immutable data paradigm, it is quite important that we don’t accidentally change the data somewhere. It would break the paradigm in ways that are very hard to debug. In this lesson we’ll discover how Immer can help us by automatically freezing all data that is produced.

Furthermore, when writing reducers by hand it is quite easy to accidentally create new state trees, where this wasn’t needed. We will discover how Immer avoids this problem.

Produces Immutable Data and Avoid Unnecessary Creation of New Data Trees with Immer

Share this video with your friends

Course

Immutable JavaScript Data Structures with Immer