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…
The brilliance of Redux lies in it's simplicity. Redux is so simple in fact that when thought of as a stream of states, it can be expressed in a single line of RxJS code.
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…
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.
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.
There’s no idiomatic way to structure Redux applications yet. And I believe there’s no The Only True Project Structure but I’ll describe what works for me. I started from grouping by type. It works…
I was speaking to an acquaintance one day (we’ll call him John). John and his colleague started making a messaging application, in which they developed the front end using React and Redux. They were…
To me, it makes more sense for these pieces to be bundled together in an isolated module that is self contained, and can even be packaged easily into a library.
If you have built Node.js apps using frameworks like Express.js, you are probably aware of functions called “middlewares” and how they work. Redux brings that same concept to the front-end…
When I started using React, there was no Redux. There was only the Flux architecture, and about a dozen competing implementations of it. Now there are two clear winners for data management in React…
This tutorial will guide you through building a full-stack Redux and Immutable-js application from scratch. We'll go through all the steps of constructing a Node+Redux backend and a React+Redux frontend for a real-world application, using test-first development. In our toolbox will also be ES6, Babel, Socket.io, Webpack, and Mocha. It's an intriguing stack, and you'll be up to speed with it in no time!