Switch to React Fast Refresh by default

swissquote · Jan 12, 2023 · 284731c · 284731c
1 parent c59de72
commit 284731c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/crafty-preset-react/README.md b/packages/crafty-preset-react/README.md
@@ -41,7 +41,7 @@ module.exports = {
     app: {
       runner: "webpack",
       source: "js/app.js",
-      hot: true, // Hot Module Replacement must be enabled for React Hot Loader to work
+      hot: true, // Hot Module Replacement must be enabled for any kind of reload to work
       react: true // React features must be enabled per bundle
     }
   }
@@ -96,6 +96,7 @@ To enable it, add these two parameters to your bundle in `crafty.config.js`:
 
 You're now ready to run `crafty watch` and use Fast Refresh on all your components.
 
+> If you are importing React through Requirejs or other ways that aren't controlled by Webpack, make sure that you are using the development version while running in watch mode, otherwise no refresh will be applied.
 
 ### React Hot Loader
 

diff --git a/packages/crafty-preset-react/index.js b/packages/crafty-preset-react/index.js
@@ -35,7 +35,7 @@ module.exports = {
     // the configuration
     if (bundle.react && typeof bundle.react === "boolean") {
       bundle.react = {
-        refreshMode: "hot" // fast-refresh is opt-in for now, default to hot
+        refreshMode: "fast"
       };
     }
   },