React Mental Models with Obed Parlapiano Hide this title

My favorite thing about React is that every API is simple and there’s almost no complexity. Ok, maybe not. In reality, all of us have struggled to master concepts that are important to build the apps we need to build—whether those concepts are React features like props, state or hooks, or JavaScript features like closures and destructuring.

On this episode Obed Parlapiano (@ObedParla) showed us a useful method for learning new concepts and teaching them to others—mental models. Obed has created an impressive collection of React mental models, and explained his thought process behind them to us live.

About React Wednesdays

React Wednesdays is a weekly chat show with the best and brightest from the React world, hosted by KendoReact Developer Advocate TJ VanToll. New episodes go live every Wednesday at 1:00 pm ET. You can add React Wednesdays to your calendar or follow CodeItLive on Twitch to get notified.

Follow CodeitLive on Twitch

About your hosts

TJ VanToll
TJ VanToll

Principal Developer Advocate

Dan Wilson
Dan Wilson

Director of Marketing and Developer Relations


React UI Library


Watch Recent Episodes

React Wednesdays: Let’s Try GitHub Copilot Together

On this episode of React Wednesdays we tried out GitHub Copilot, a fascinating new tool that uses AI to give you suggestions on the code you need to write.

And to help us try it out we invited back Paige Niedringhaus (@pniedri), a staff software engineer at Blues Wireless that’s going to help us discover all the crazy things Copilot can do.


Watch Episode

July 16, 2021

React Wednesday: DOM APIs for React Developers

Libraries like React abstract away DOM APIs so that you rarely ever have to deal with them. And while that’s mostly a good thing, knowing how the DOM APIs work can have some real benefits—for example when you need to write code that works on any app regardless of framework.

On this episode of React Wednesdays, TJ VanToll gave a hands-on demo of the most popular DOM APIs and showed how to select DOM nodes, move DOM nodes, attach event listeners, and more.

Watch Episode

July 2, 2021

React Wednesdays: Rewriting a JS Library That Runs on a Billion Devices

On this episode of React Wednesdays we welcomed Netto Farah (@nettofarah), who helped rewrite an 8-year-old JavaScript analytics library that runs on billion devices every day.

Netto’s writeup on the rewrite is pretty amazing, and includes details like testing JavaScript on a Nintendo Wii, and how they went about testing on 160 different client-side destinations.

Watch Episode

June 25, 2021

React Wednesdays: Building An IoT Command Center

IoT apps may start with sensors, but they nearly always end-up on the web, where developers build digital dashboards to monitor and manage real-world devices.

On this episode of React Wednesdays, we welcomed Brandon Satrom, Director of DevEx & DevRel at Blues Wireless.

He showed us how to use React and friends to build dashboards and control interfaces for IoT applications.

This episode is handy, especially if you’re interested in integrating IoT devices into your React apps.

Watch Episode

June 11, 2021

React All-Day: Modern Redux with Redux Toolkit

Redux Toolkit is the official, opinionated, batteries-included toolset for efficient Redux development.

Mark Erikson (@acmemarke), long-time Redux maintainer and avid blogger about all things web development came to show us how it all works. 

Watch Episode

June 7, 2021

React All-Day: Advanced GraphQL

GraphQL is one of the fastest growing technologies in the front-end and React worlds. And who better to teach us about it than Eve Porcello (@eveporcello), author of Learning GraphQL, as well as this pretty awesome GraphQL workshop.

Eve is a previous guest of React Wednesdays. The first time around she taught us the basics of GraphQL, so this time around she got into some more advanced GraphQL content—including new GraphQL features like defer and stream.

Watch Episode

June 7, 2021