Building a React/Redux-like Architecture w/ Inferno, Most, & FP Tools/Techniques

Mar 29, 2017 · Tampa, United States of America


Redux (and The Elm Architecture, which Redux is influenced by) has proven to be a very popular & effective tool for structuring modern client-side web applications. It promotes reliability by forcing the programmer(s) to adhere to certain constraints (unidirectional data flow, pure functions, etc.), and this typically leads to more consistent & predictable code. However, at the same time, frameworks like Cycle.js have shown that alternative approaches based 100% on reactive programming can work just as well, while arguably being cleaner due to having even more rigid constraints (using Observables to handle all asynchronicity). Unfortunately, some people tend to find the cyclic design & declarative style of Cycle.js to be a little confusing or even slightly intimidating at first. 

So, in what other ways could we use streams? It's worth noting that it is possible to make use of reactive streams while using Redux by using a middleware library like redux-observable or redux-most, and this is a great idea if you want to continue to have the awesome debugging experience of the Redux DevTools... but what if we were interested in taking a more purist approach? After all, Redux is a fairly small library. It's really just a pattern. So, could we reimplement the core concepts of Redux using nothing but streams while retaining the unidirectional, top-down data flow that React + Redux users are already accustomed to? What might that look like? I will walk through how you could implement an architecture like this using Inferno.js (the current fastest virtual DOM library) and Most.js (the current fastest Observables library), but keep in mind that the same idea could be applied to any other virtual DOM library (ex: Snabbdom, React, etc.) + any other reactive streams library (ex: RxJS, xstream, Flyd, etc.).

I will also talk about about various functional programming oriented tools & techniques I'm using, why I chose them, and how they can be useful. This will include libraries like Ramda (or Lodash/fp), Union-Type, Mori (similar to ImmutableJS), etc. and concepts like functional composition, currying, partial application, & immutable/persistent data structures. 


6:00-6:30: Pizza and sodas served, general networking 
6:30-8:30: Getting Functional & Reactive: Building a React/Redux-like Architecture with Inferno.js, Most.js, & Various Functional Programming Tools & Techniques (Josh Burgess)


As of now, we believe we will be hosting this talk @ AgileThought in Rocky Point, but that may change. We will update the details if it does.

Event organizers
  • ReactJS Tampa Bay

    Welcome to ReactJS Tampa Bay! React is a fun, easy to use Javascript library built at Facebook. It also happens to be fundamentally changing how we build front-ends for all platforms, be it web, mobile, desktop, and beyond!  Come join us to learn more about React and React Native, augment your existing React skills, share your experiences, and meet other React enthusiasts/experts in the Tampa Bay Area! Twitter: @reactjstampabay Slack Channel: Slack Channel Signup/Invite: 

    Recent Events

Are you organizing Building a React/Redux-like Architecture w/ Inferno, Most, & FP Tools/Techniques?

Claim the event and start manage its content.

I am the organizer

based on 0 reviews