Thinking ReactivelyTech Check and Setup
We will get to know each other, set some goals for the workshop, and ensure that everyone's project is correctly set up.
Thinking ReactivelyThinking Reactively
Thinking ReactivelyDEMO 1: Shortcomings of Events, Promises, Callbacks
We willl walk through some code demos, illustrating the shortcomings of events, callbacks, and promises.
Thinking ReactivelyFunctional Programming with Collections in JS
Thinking ReactivelyDEMO 2: Generator function for question and answer
One of the most powerful thing about a generator function and the iterator it returns is the ability to push values into it, as we pull the next value out. We will step through a demo that models a multi-question form as an iterator that collects each answer while providing us with the next question.
Thinking ReactivelyEXERCISE 1: Implement our own array higher-order functions
Now that we have learned about higher order functions and how they work, let’s implement a few ourselves. Build your own map, filter, reduce, some and every functions. Keep in mind that many of these functions can be built on top of reduce!
Thinking ReactivelyDEMO 3: Compose and Pipe functions in JS/TS
Thinking ReactivelyThe Reactive Mental Model
Reactive programming is all about setting up data pipelines and then sending events through later on. Just like when we deal with promises or events, we often set up “handling logic” before our data arrives. Through minimizing side effects and keeping our functions pure, we can produce reliable and extensible code that’s less complex and more expressive.