Posted on

Mastering React Redux: Navigating a Modern Tech Trend

Welcome to the exciting world of React Redux, a game-changing JavaScript library designed to manage application state efficiently. Familiarity and proficiency with React Redux have become essential for many contemporary web developers, given its integral role in creating robust, performant applications. This article unravels the mechanisms and principles of React Redux, exploring its origins and its crucial role in enhancing JavaScript applications. The discussions extend from introducing the fundamentals to disbursing the intricacies of the Redux Store, Actions, Reducers, and Middlewares. Embark on this informative expedition to comprehend how React Redux serves as an invaluable toolset for building dynamic, user-interactive interfaces.

Fundamentals of React Redux

Understanding the Power of React Redux in Today’s Tech Landscape

The pace of technology evolution is breathtaking, with new frameworks and libraries launching every day that completely transform the developer landscape. One such technology, a combination of two open-source JavaScript libraries known as React Redux, has unequivocally become the bellwether in state management solutions for modern web applications.

Posted on

How to Connect Your React Application With Redux

An exciting adventure for React developers is when they connect their React application with redux and when you have made it this far in reading about React, that means you are on the way to explore the out of the box concept of how you can manage global states in your application. This article will be helpful for React developers in integrating React applications with Redux.

Though React gives us the ability to manage state for our components, the dependency of the parent components on the child components and state management between two components becomes complicated with the increasing size of the application. To resolve this issue we have a third-party library called Redux which gives us all these wonderful features we need for global state management. Read Further at React Application with Redux.

Posted on

Building on Ethereum: Part 6 – Bootstrapping the Client

In this series, I’m discussing the phases of a project encompassing a non-trivial set of Ethereum smart contracts and the React/Redux application that communicates with them.

The project, called In-App Pro Shop, aims to help Ethereum developers easily support in-app purchases, and it was written over the last half of 2018 as a way of learning about the Ethereum development ecosystem.

Posted on

Building on Ethereum (Part 3): Set Up and Test

In this series, I'm discussing the phases of a project encompassing a non-trivial set of Ethereum smart contracts and the React/Redux application that communicates with them.

The project, called In-App Pro Shop, aims to help Ethereum developers easily support in-app purchases, and it was written over the last half of 2018 as a way of learning about the Ethereum development ecosystem.

This project revealed many aspects of the power and constraints of Ethereum and its programming language Solidity. I hope to pass as much of that on to you as possible in this series.

Posted on

Building on Ethereum (Part 1): Decisions

In this series, I'll be discussing the phases of a project encompassing a non-trivial set of Ethereum smart contracts and the React/Redux application that communicates with them. The project, called In-App Pro Shop, aims to help Ethereum developers easily support in-app purchases, and it was written over the last half of 2018 as a way of learning about the Ethereum development ecosystem. This project revealed many aspects of the power and constraints of Ethereum and its programming language Solidity. I hope to pass as much of that on to you as possible in this series.

The Goal

I wanted to create a system wherein developers of Ethereum-based apps or games with in-app purchases could mint the items they sell as ERC-721 tokens (like CryptoKitties). It would handle most of the heavy lifting so that those developers could get on with the business of writing a kick-ass product.

Posted on

Loading Data in React: Redux-Thunk, Redux-Saga, Suspense, and Hooks

Introduction

React is a JavaScript library for building user interfaces. Very often using React means using React with Redux. Redux is another JavaScript library for managing global state. Sadly, even with these two libraries, there is no one clear way to handle asynchronous calls to the API (backend) or any other side effects.

In this article, I’m trying to compare different approaches to solving this problem. Let’s define the problem first.