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

Panel: Charles Max WoodTara 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 introWhat is the big picture behind hot module reloading?Create React AppWebpackHow do you set this up?You don’t need to ejectIs there a certain point when you need to start taking advantage of hot reloading?Helps to use hot reloading from the beginningResources to help with using hot reloadingDave articleReact app rewiredAre there any changes you can make that won’t hot reload?Full page refreshesWhy did Create React App not have this from the beginning?Having a skeleton that you can breakWebpack HMR vs React-Hot-Loader by Mark Erikson Event handlersAre there other ways you can customize Create React App?SassKey points to Create React App to understandTry to avoid modifying it if you canAnd much, much more! Links: ReactDave’s BlogPure React by Dave CeddiaCreate React AppWebpackDave articleReact app rewiredWebpack HMR vs React-Hot-Loader by Mark EriksonSass@dceddiaDave’s GitHubDevChat.tv Patreon