Created by Jay Phelps and myself for use on our projects at Netflix, redux-observable is middleware for redux that is inspired by redux-thunk. redux-observable allows developers to dispatch a…
People often choose Redux before they need it. “What if our app doesn’t scale without it?” Later, developers frown at the indirection Redux introduced to their code. “Why do I have to touch three…
We will be building a user authentication in a single page application with Node, React, Redux and Koa combined with Passport. We will implement local authentication, where users can log in using an email and passport, and authentication with Facebook, which can be used with other social networks and OAuth providers.
Tim Griesser As JavaScript applications increase in complexity, consistent patterns for managing state becomes considerably more important, and difficult to ...
In this article, we’ll compare two options for handling async logic in Redux: redux-thunk and redux-observable. Redux-saga is another option that shares a lot of similarities with redux-observable, but it’s not included in this article.
It has come time to read the liner notes and write some conclusions. When we started writing this blog series, we knew that JavaScript/web application frameworks were not easy to summarize.
When React came out I was really amazed with his easiness of use and learning curve. At starting point of learning React I did not know that React is just a library and not fully fledged framework. I…
Polymer-redux makes using Redux with Polymer as easy as pie (learn in this post why and how). Unfortunately, the library doesn’t allow to bind Polymer properties to Redux selectors. This post discusses approaches to simulate Redux selectors in polymer-redux.
The new context API that comes with React 16.3 is pretty neat. It was built in the render props style trending over these last months. Let’s explore it: This talk from the excellent Jing Chen has…
Since the React hooks API was introduced, a lot of questions have risen about whether or not React hooks will replace Redux. In my view, there is little overlap between hooks and Redux. Hooks didn’t…
Modern day javascript environments have many ways of dealing with state. One can use closures or classes to have some shared state, but sometimes a more elaborate state management library is needed…
I’m an avid user of Redux-Observable, and while it masks a lot of the difficulties in using RxJS, you still need a deeper understanding of RxJS to handle really complex use cases. Using WebSockets…
In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux. State management is absolutely critical in providing users with a well-crafted experience with minimal bugs. It's also one of the hardest aspects of a modern front-end application to get right. Redux provides a solid, stable and mature solution to managing state in your React application. Through a handful of small, useful patterns, Redux can transform your application from a total mess of confusing and scattered state, into a delightfully organized, easy to understand modern JavaScript powerhouse. The principles of Redux aren't new, but they are packaged and presented for you in an easy to use library that not only elevates your applications, but also improves your general understanding of building JavaScript UIs. In this course, Dan Abramov will show you the fundamentals of Redux, so that you can start using it to simplify your applications. There are some amazing community notes on this course here on Github. Once you are finished with this course be sure to check out part 2: building-react-applications-with-idiomatic-redux
Jay Phelps (@_jayphelps ) talks about why Netflix loves reactive programming with Rx. In this talk he shares the basics of RxJS 5 Observables and how they ca...
I found middlewares both easy to understand and a useful addition to my Redux toolbox. And I think after reading the source code for the following 3 popular middlewares you'll feel that way too.