Category: redux

Getting Started with Redux

A typical web application is usually composed of several UI components that share data. Often, multiple components are tasked with the responsibility of displaying different properties of the same object. This object represents state which can change at any time. Keeping state consistent among multiple components can b...

To Redux or Not: the Art of Structuring State in React Apps

One common trend I find among most Redux developers is a hatred towards setState(). A lot of us (yes, I’ve fallen into this trap many times before) flinch at the sight of setState() and try to keep all the data in our Redux store. But, as the complexity of your application grows, this poses several challenges. In...

Async Operations in React Redux Applications

This post was originally posted at Codebrahma. JavaScript is a single-threaded programming language. That is, when you have code something like this … … the second line doesn’t get executed till the first one gets completed. Mostly this won’t be a problem, since millions of calculations are performed b...

Redux Logging in Production with LogRocket

Setting up LogRocket Setting up LogRocket is easy, and only requires adding a few lines of code to your app: Install with npm: npm i --save logrocket. Create a free account at https://app.logrocket.com, and take note of your application id. Initialize LogRocket in your app: import LogRocket from 'logrocket'; // Initi...

How I Designed & Built a Fullstack JavaScript Trello Clone

A few weeks ago, I came across a developer sharing one of his side projects on GitHub: a Trello clone. Built with React, Redux, Express, and MongoDB, the project seemed to have plenty of scope for working on fullstack JS skills. I asked the developer, Moustapha Diouf, if he’d be interested in writing about his pr...

Redux vs MobX: Which Is Best for Your Project?

For a lot of JavaScript developers, the biggest complaint with Redux is the amount of boilerplate code needed to implement features. A better alternative is MobX which provides similar functionality but with lesser code to write. For MobX newbies, take a quick look at this introduction written by MobX’s creator. ...

Managing State in Aurelia: How to Use Aurelia with Redux

Nowadays, when developing a web app, a lot of focus is placed on state containers — particularly on all sorts of Flux patterns. One of the most prominent implementations of Flux is Redux . For those of you who haven’t caught the hype train yet, Redux is a library that helps you to keep state mutations predicta...

Redux without React — State Management in Vanilla JavaScript

I am one of those developers who likes to do things from scratch and get to know how everything works. Although I am aware of the (unnecessary) work I get myself into, it definitely helps me appreciate and understand what lies behind a specific framework, library, or module. Recently, I had one of those moments again a...

Build a Stateful Real-Time App with React Native and Pusher

Users now expect apps to update and react to their actions in real-time. Thankfully there are a lot of language varieties and libraries now available to help you create these highly dynamic apps. In this tutorial you will learn how to build a real-time chat application with Pusher, React-native and Redux to manage the ...

A Quick Look at the React and Redux DevTools

I’m still quite a newbie at this stuff, but I think the development tooling around React and Redux is pretty dang impressive. Direct Link to Article — Permalink A Quick Look at the React and Redux DevTools is a post from CSS-Tricks ...