React Advanced 2023 - Building Better React DevTools with Replay Time Travel
A dive into how we built Replay's React DevTools integration with our time traveling backend API
React
React Rally 2023 - A (Brief) Guide to React Rendering Behavior
A shorter look at how React rendering actually works
Presentations: 2022 Podcasts
A roundup of the various podcasts I've been on this year
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
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
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
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"
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior
Details on how React rendering behaves, and how use of Context and React-Redux affect rendering
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: React, Redux, and Context Behavior
An explanation of how React Context behaves, and how React-Redux uses Context internally
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
Idiomatic Redux: Redux Toolkit 1.0
A look at the motivations, design, and goals for Redux Toolkit
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
Reactathon 2019 Keynote: The State of Redux
An extensive look at what's going on with Redux in 2019
Idiomatic Redux: The History and Implementation of React-Redux
Some history and explanations of how React-Redux got its API, and how it works internally
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
Idiomatic Redux: Using Reselect Selectors for Encapsulation and Performance
An overview of why and how to use Reselect with React and Redux
Blogged Answers: Resources for Learning Redux
Advice and resources for getting started with Redux
Blogged Answers: Resources for Learning React
Advice and resources for getting started with React
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
Blogged Answers: Webpack HMR vs React-Hot-Loader
A summary of the differences between Webpack HMR and React-Hot-Loader
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
Integrating React and Redux Into an Existing Backbone App
The tools and techniques we used to add React+Redux features into a Backbone app
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
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