Last fall, I gave an internal presentation onthe history of web development, and an overview of modern web dev tools and technologies. I was recently asked to give a follow-up to that presentation, and I chose to put together an introduction to React and Redux.

I've read through hundreds of React and Redux tutorials (and collected many of them in myReact/Redux links list), and among them are several presentations. I opted to base the content for this presentation off of two excellent existing presentations:React to the Future by Elijah Manor, andRedux: From Twitter Hype to Production by Jenya Terpil. I used the content sequencing, examples, and images in this presentation. Full credit goes to them for the original content.

That said, this slideshow does include a fair amount of original content. I've updated all code examples to use the latest ES6+ syntax; included additional material discussing use of Javascript frameworks, the React ecosystem, JSX usage, good render logic, container/presentational components, Flux, Redux concepts, and use of Redux with React; and included my usual list of links to relevant resources and learning material.

As with last time, I used the very niftySpectacle web presentation tool to put together these slides. This came in particularly helpful because Spectacle 2.0 added support for live interactive component playgrounds as slides, which allowed me to embed several real working React component demos in the presentation.

The slides are available here:

Modern Web Development with React and Redux 🔗︎

This is a post in thePresentations series.Other posts in this series:

• Jun 13, 2025 -Presentations: The State of React and the Community in 2025
• Nov 21, 2024 -Presentations: Maintaining a Library and a Community
• Nov 21, 2024 -React Advanced 2024: Designing Effective Documentation
• Jul 09, 2024 -React Summit 2024: Why Use Redux Today?
• Nov 13, 2023 -React Summit US 2023: What's New in Redux Toolkit 2.0
• Oct 24, 2023 -React Advanced 2023 - Building Better React DevTools with Replay Time Travel
• Aug 16, 2023 -React Rally 2023 - A (Brief) Guide to React Rendering Behavior
• Jun 01, 2023 -Presentations: Debugging JavaScript
• Dec 11, 2022 -Presentations: 2022 Podcasts
• Jun 27, 2022 -Presentations: Modern Redux with Redux Toolkit
• May 04, 2022 -Reactathon 2022: The Evolution of Redux Async Logic
• May 04, 2022 -TS Congress 2022: Lesson from Maintaining TS Libraries
• May 29, 2021 -Presentations: Learn Modern Redux Livestream
• May 29, 2021 -Presentations: The State of Redux, May 2021
• May 29, 2021 -Presentations: Podcast Appearances in 2021
• May 25, 2021 -Presentations: Using Git Effectively
• Dec 20, 2020 -Presentations: Intro to React, Redux, and TypeScript (2020)
• Dec 03, 2020 -Presentations: Podcast Appearances in 2020
• Oct 08, 2020 -Global React Meetup: The State of Redux 2020
• Oct 19, 2019 -Git Under the Hood: Internals, Techniques, and Rewriting History
• Sep 24, 2019 -React Boston 2019: Hooks, HOCs, and Tradeoffs
• Jun 11, 2019 -ReactNext 2019: A Deep Dive into React-Redux
• May 22, 2019 -Presentation: JavaScript for Java Devs
• Mar 31, 2019 -Reactathon 2019 Keynote: The State of Redux
• Oct 01, 2018 -React Boston 2018 Presentation: The State of Redux
• Jun 30, 2018 -Redux Fundamentals Workshop Slides
• Mar 20, 2018 -Reactathon Presentation: Redux Fundamentals
• Mar 07, 2018 -Presentation: Intro to React and Redux (March 2018)
• Sep 24, 2017 -React Boston 2017 Presentation: You Might Need Redux (And Its Ecosystem)
• Feb 24, 2017 -Presentation Sources Published
• Feb 17, 2017 -Presentation: Intro to React and Redux
• Oct 07, 2016 -Presentation: Modern Web Dev Overview