I've done several previous iterations of an "Intro to React + Redux" presentation. The last one I did was back in 2018, and a lot has changed for both React and Redux since then. In particular, React Hooks have changed how we write React code, Redux Toolkit is now the standard approach for writing Redux logic, and the React-Redux hooks API is now the default.

I've updated this presentation to teach React hooks instead of classes, filled out additional examples, and added material on Redux Toolkit and the React-Redux hooks. I've also included my intro to TS section as well, and expanded that to include advice on using TS with React and Redux.

Slides: Intro to React, Redux, and TypeScript (2020)

I've also published a copy of the slides as a PDF, per request:

PDF: Intro to React, Redux, and TypeScript (2020)

This is a post in the Presentations series. Other posts in this series:

• 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