Blogged Answers: My Experience Modernizing Packages to ESM
Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM
Javascript
Presentations: Debugging JavaScript
Guidelines and techniques for debugging, and stories of solving real-world bugs
Blogged Answers: How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries)
Techniques and sources I use to estimate relative market share of various NPM packages, with caveats and examples
Idiomatic Redux: Designing the Redux Toolkit Listener Middleware
A dive into how we designed the API for the new RTK listener middleware
I'm Joining Replay!
Details on why I'm joining Replay.io to build better debugging tools
Codebase Conversion: Migrating a MEAN AngularJS app to React, Next.js, and TypeScript
A detailed look at my long process to migrate a classic MEAN app from AngularJS to React, Next, and TypeScript
Blogged Answers: The Evolution of Redux Testing Approaches
Thoughts on how Redux testing has evolved from 'isolation' to 'integration'
Presentations: Podcast Appearances in 2021
Links to the podcasts I appeared on in 2021
Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)
Definitive answers and clarification on the purpose and use cases for Context and Redux
Presentations: Intro to React, Redux, and TypeScript (2020)
An updated introduction to React, Redux, and TypeScript for 2020
Presentations: Podcast Appearances in 2020
Links to the podcasts I appeared on in 2020
How Web Apps Work: AJAX, APIs, and Data Transfer
An overview of the concepts, terms, and data flow used in web apps: AJAX, JSON, APIs, and data transfer
How Web Apps Work: JavaScript and the DOM
An overview of the concepts, terms, and data flow used in web apps: JavaScript and the DOM
How Web Apps Work: Browsers, HTML, and CSS
An overview of the concepts, terms, and data flow used in web apps: browsers, HTML, and CSS
How Web Apps Work: Client Development and Deployment
An overview of the concepts, terms, and data flow used in web apps: JS client development environment, tooling, and deployment
Global React Meetup: The State of Redux 2020
An extensive look at what's going on with Redux in 2020
Blogged Answers: React Components, Reusability, and Abstraction
Thoughts on the tradeoffs of trying to write "reusable components"
Codebase Conversion: Building a MEAN.js AngularJS Project with Create-React-App
How I hacked CRA's config to have it build a classic AngularJS codebase
Blogged Answers: Why Redux Toolkit Uses Thunks for Async Logic
Reasons why I selected thunks instead of sagas as the default async middleware
Blogged Answers: React, Redux, and Context Behavior
An explanation of how React Context behaves, and how React-Redux uses Context internally
Blogged Answers: Reasons to Use Thunks
Some potential benefits and use cases using thunks for async logic
Blogged Answers: A Comparison of Redux Batching Techniques
An explanation of the various options for batching actions in Redux
Blogged Answers: Learning and Using TypeScript as an App Dev and a Library Maintainer
Thoughts on my experiences learning and using TypeScript, from different perspectives
React Boston 2019: Hooks, HOCs, and Tradeoffs
More thoughts and observations on the tradeoffs involved in using React hooks and React-Redux
Blogged Answers: Thoughts on React Hooks, Redux, and Separation of Concerns
Some observations on the tradeoffs involved in using React hooks
ReactNext 2019: A Deep Dive into React-Redux
A presentation on the history and implementation of React-Redux
Presentation: JavaScript for Java Devs
A comprehensive overview of JavaScript and its ecosystem
Reactathon 2019 Keynote: The State of Redux
An extensive look at what's going on with Redux in 2019
Rewriting Your Git History and JS Source for Fun and Profit
Or, how I spent a few weeks obsessing over a task that only I cared about
React Boston 2018 Presentation: The State of Redux
An impromptu update on what's going on with Redux in late 2018
Redux Fundamentals Workshop Slides
In-depth slides for my Redux Fundamentals workshop
Reactathon Presentation: Redux Fundamentals
An overview of what Redux is, and why and how to use it
Presentation: Intro to React and Redux (March 2018)
An up-to-date React+Redux introduction slideset
Practical Redux, Part 11: Nested Data and Trees
Intermediate handling of nested relational data and tree components
Practical Redux course now available on Educative.io!
Practical Redux is now an interactive course on Educative.io!
React Boston 2017 Presentation: You Might Need Redux (And Its Ecosystem)
An overview of Redux's extensible design and the Redux ecosystem
Practical Redux, Part 10: Managing Modals and Context Menus
Techniques for managing Redux-driven UI components like modals and menus
Practical Redux, Part 9: Upgrading Redux-ORM and Updating Dependencies
Updates to app dependencies, use of Redux-ORM 0.9, and caching NPM dependency files
Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy
More thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux
Idiomatic Redux: The Tao of Redux, Part 1 - Implementation and Intent
Thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux
Declaratively Rendering Earth in 3D, Part 2: Controlling Cesium with React
Techniques for wrapping imperative code in components
Declaratively Rendering Earth in 3D, Part 1: Building a Cesium + React App with Webpack
Create-React-App ejection, Webpack tweaks, and use of Webpack's DllPlugin
Presentation Sources Published
A peek behind the curtain of my slides
Presentation: Intro to React and Redux
An up-to-date React+Redux introduction slideset
Practical Redux, Part 8: Form Draft Data Management
Generic entity reducer logic, form current/draft data management, and form reset handling
Practical Redux, Part 7: Form Change Handling, Data Editing, and Feature Reducers
Techniques for managing form events, data editing capabilities, and reducer structures for features
Practical Redux, Part 6: Connected Lists, Forms, and Performance
Connecting lists and forms, performance guidelines, editing features, and UI state
Idiomatic Redux: Thoughts on Thunks, Sagas, Abstraction, and Reusability
Opinions on the benefits and use cases of thunks and sagas with Redux
Practical Redux, Part 5: Loading and Displaying Data
Sourcemaps, sample data, basic data management, and selection handling
Practical Redux, Part 4: UI Layout and Project Structure
UI libraries, folder structures, tab panel management, and initial layout with mock contents
Practical Redux, Part 3: Project Planning and Setup
Initial steps for our sample application
Practical Redux, Part 2: Redux-ORM Concepts and Techniques
Useful techniques for using Redux-ORM to help manage your normalized state, part 2: In-depth examples of how I use Redux-ORM
Practical Redux, Part 1: Redux-ORM Basics
Useful techniques for using Redux-ORM to help manage your normalized state, part 1: Redux-ORM use cases and basic usage
Practical Redux, Part 0: Introduction
First in a series covering Redux techniques based on my own experience
Idiomatic Redux: Why use action creators?
First in an occasional series of thoughts on good usage patterns for Redux
Presentation: Modern Web Dev Overview
Names, and logos, and screenshots, oh my!