1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Simplify Immer Producer Functions using Currying

    Michel WeststrateMichel Weststrate
    javascriptJavaScript

    Once we’ve written a bunch of producer functions, we quickly discover a recurring pattern: In practice producers can be defined purely in terms of the draft (and any remaining arguments). Therefor we can factor out the function nesting by leveraging currying. We will also look at the “original” function.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss

    Transcript

    Transcript

    Instructor: Let's take another look at the logic we have so far. These actions pass all the tests, but there is also a recurring pattern. We write functions that receive the state and a bunch of additional arguments, then we simply return a call produce, which we pass the very same state.

    Then we have to draft. We're just repeating this pattern over and over again. Can we simplify this? Yes, we can simplify this. We can use the fact that the produce function also supports currying. So far, we're calling produce always like produce, state, and some recipe. Then it returns the next state.

    However, we can use produce in a different way. We can use produce in such a way that we only pass a recipe function, and then returns us a function that accepts a state, and then produces a next state according to the recipe we pass in over here.

    Let's rewrite this a little bit. These are still the same. We just use a different syntax to define these functions. Now we can reproduce simply around the other function. It runs function that accepts the state, and then produces a next state according to the recipe we pass in over here.

    Let's do the same with toggle reservation. We're going to eliminate the state from this function and define it just in terms of the draft. Over here, we're looking into the current state, but let's find that very same information from the draft. We rep this one and produce as well. We save it, and still our tests are passing.

    Now that's in a function that is produced by produce which accepts the states. All additional arguments, they're just literally passed onto the recipe so that they're available in the recipe as well. This really simplifies writing producers by just defining them in terms of the draft.

    In Immer terminology, a recipe function, that is reps with produce, is called producer.

    Finally, you might be wondering, what if I need to access the original state? That is actually quite easy. For that, there's a small utility function in Immer that's called original. Theoretically, we could simply say, "Well, what was the state of the current user before this producer started by using original?"

    In this case, it doesn't change the behavior. Just be aware it is there if you want to take a look at the original function.