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

Panel:

• 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!

Links:

• React
• Dave’s Blog
• Pure React by Dave Ceddia
• Create React App
• Webpack
• Dave article
• React app rewired
• Webpack HMR vs React-Hot-Loader by Mark Erikson
• Sass
• @dceddia
• Dave’s GitHub
• DevChat.tv Patreon
• DaveCeddia.com/RoundUp

Picks: Charles

• Star Realms
• Vail
• If you have an idea about a podcast, he is willing to hear them out
• JavaScript YouTube videos to come at DevChat.tv YouTube

Tara

• Patreon

Dave

• React Boston
• Indie Hackers

Special Guest: Dave Ceddia.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.