» Posts on Redux

Unit Testing React, Redux, Selectors, and Epics

Written by Kyle Truong

How does unit testing work for front-end React-based applications in 2017? Testing React Components Components can be tested with snapshot testing. Tools like Jest (often combined with Enzyme) that offer this functionality take a ‘snapshot’ of what your component renders--everything from divs, attributes, classNames, props, and state--and saves it to a file, kind of like this: On subsequent test runs, Jest takes a new snapshot...

Read More »

Creating Forms with Redux: Part II

Written by Kyle Truong

In Creating Forms with Redux Part I, we hooked up our forms to Redux, learned about the reduxForm HOC and Field component, styled our forms, and made a custom input component. In this section, we continue creating reusable components for the most common form widgets, learn how to do field-level validation, and dive a bit deeper into the built-in action creators and selectors to help...

Read More »

Angular Components and the Redux Store: Now You Can Have Your Cake and Eat it Too!

Written by Seth Davenport

Over the last year, two architectural ideas have risen to the surface of JavaScript web app development: Component-Oriented Architecture (COA) and Redux state management. Component-Oriented Architecture is one of the main tenets in both React and Angular: it encourages developers to break down the UI into a graph of self-contained, re-usable UI components. On the other hand, Redux is a functional-reactive approach to state management...

Read More »

Tracking Form Completion in Google Analytics With Redux

Written by Thomas Marek

In this tutorial we're going to collect analytics on a Redux-powered user form. You will learn: How to measure user drop off in forms using Google Analytics. How to create a destination funnel report in Google Analytics. How to map Redux actions to Google Analytics events and page views. This tutorial assumes prior exposure to Git, JavaScript (ES2015), and Redux. The App We'll be collecting...

Read More »

How to Track Analytics with Redux and Google Tag Manager

Written by Johanna Lee

Google Tag Manager (GTM) makes it quick and easy for digital marketers to manage what events are sent to analytics servers such as Google Analytics (GA). However, integrating GTM and developing a maintainable tagging strategy is challenging for those who are new to it. Here I am introducing an open source project called ReduxBeacon that resolves the challenge with GTM integration for apps using Redux...

Read More »