Episode 9

RRU 009: Hot Reloading in Create React App with Dave Ceddia


May 1st, 2018

53 mins 54 secs

Your Hosts
Special Guest

About this Episode


  • Charles Max Wood
  • Tara Manicsic

Special Guests: Dave Ceddia

In this episode of React Round Up, the panel discusses hot reloading with Create React App with Dave Ceddia. Dave is a React developer, blogs about React, and recently wrote a book called Pure React. They talk about what hot reloading is, when you would want to use it, and how you can set it up in your code. They also touch on ways to customize Create React App, the disadvantages to customizing, and the key points to understand about Create React App before modifying it. 

In particular, we dive pretty deep on:

  • Dave intro
  • What is the big picture behind hot module reloading?
  • Create React App
  • Webpack
  • How do you set this up?
  • You don’t need to eject
  • Is there a certain point when you need to start taking advantage of hot reloading?
  • Helps to use hot reloading from the beginning
  • Resources to help with using hot reloading
  • Dave article
  • React app rewired
  • Are there any changes you can make that won’t hot reload?
  • Full page refreshes
  • Why did Create React App not have this from the beginning?
  • Having a skeleton that you can break
  • Webpack HMR vs React-Hot-Loader by Mark Erikson
  • Event handlers
  • Are there other ways you can customize Create React App?
  • Sass
  • Key points to Create React App to understand
  • Try to avoid modifying it if you can
  • And much, much more!