Switch build to rspack and add react-fast-refresh

[chrisirhc]

---

• I understand that contributing to this repository will require me to agree with the CLA

---

Description

Rspack is rust-based web bundler that's intended to be a drop-in replacement for webpack that's fast.
The addition of react-fast-refresh now allows refreshes of React components in-place while the application is loaded without refreshing the page/window.

What I've tested so far manually:

• npm run start:dev
• npm run dist:mac

TODOs:

• Clean up commits
• Remove unrelated gist commits
• Add video demo of react-fast-refresh
• Validate all rspack package.json scripts are working

What type of PR is this? (check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• 🧑‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI

Related Tickets & Documents

Mobile & Desktop Screenshots/Recordings

Cap.2024-11-10.at.09.08.56.mp4

Added tests?

• 👍 yes
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Added to documentation?

• 📜 README.md
• 📓 tech-docs
• 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@rspack/[email protected]	environment, eval Transitive: filesystem, network, shell	+29	3.11 MB	hardfist
npm/@rspack/[email protected]	environment, eval, filesystem, network, shell, unsafe	+16	475 MB	hardfist
npm/@rspack/[email protected]	environment Transitive: eval, filesystem, network, shell	+116	6.02 MB	harpsealjs
npm/@rspack/[email protected]	environment, eval	+2	407 kB	harpsealjs

🚮 Removed packages: npm/[email protected]

View full report↗︎

[github-actions]

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

[chrisirhc]

Not sure what happened to #1039 , the github actions bot limited it my interactions after I accidentally clicked Close. I can't do anything with that PR. If anyone can close it for me that'd be great.

[chrisirhc]

I have read the CLA Document and I hereby sign the CLA

[chrisirhc]

recheck

[ra3orblade]

Hello, thanks for the PR, I've checked the branch but npm run start:dev does not work through rspack, it is used for development purposes. And need to check the CI pipeline as well.

[chrisirhc]

Hello, thanks for the PR, I've checked the branch but npm run start:dev does not work through rspack, it is used for development purposes. And need to check the CI pipeline as well.

Could you please share the error you're seeing?
I'm using that command to check and it works for me.

[chrisirhc]

Took a first pass at cleaning up the PR so it's ready for a first review and comment.

[ra3orblade]

Hello, thanks for the PR, I've checked the branch but npm run start:dev does not work through rspack, it is used for development purposes. And need to check the CI pipeline as well.

Could you please share the error you're seeing? I'm using that command to check and it works for me.

It works, but it works through webpack, maybe I didnt get something. I'll check again. Could you please rename webpack in all commands so it would be clear it's not webpack anymore?

[chrisirhc]

It works, but it works through webpack, maybe I didnt get something. I'll check again. Could you please rename webpack in all commands so it would be clear it's not webpack anymore?

webpack-dev-server@5 is in use by rspack/server as per the documentation here. Is that what you meant?

I can rename the remaining occurrences of webpack which are in 3 package.json scripts. It's used in the name of the script.

[ra3orblade]

It works, but it works through webpack, maybe I didnt get something. I'll check again. Could you please rename webpack in all commands so it would be clear it's not webpack anymore?

webpack-dev-server@5 is in use by rspack/server as per the documentation here. Is that what you meant?

I can rename the remaining occurrences of webpack which are in 3 package.json scripts. It's used in the name of the script.

I see, yes rename scripts pls.

[ra3orblade]

@chrisirhc merged, thanks! The code reload now works really fast.

[fuksman]

@any contributor @chrisirhc tooling