In this tutorial, we will learn how to iImprove Webpack Developer Experience with Create React App’s React Developer Utilities. All these nice features got me thinking — could I somehow have the same functionality without using Create React App?
I’ve been using my own Webpack configuration for a long time. But for quick demo projects such as those for Medium articles, using a custom build system made no sense. So I started using Create React App again. All the incredible developer experience that I had long forgotten came back to me — things like allowing me to use a different port if my desired one is in use, using an existing browser tab instead of opening a new one, and automatically rebuilding with newly installed dependencies. All these nice features got me thinking — could I somehow have the same functionality without using Create React App?
React Dev Utils is a library of Create React App’s build tools. Because this is a separate dedicated package, you can use them even if you’re not using Create React App! To install, run
npm install --save-dev react-dev-utils. Now let’s dive into some of these tools and see how they can make your life easier.