feat(react): add react fast refresh to webpack

[xiongemi]

add fast refresh to react

Current Behavior

change files will cause a full page to reload

Expected Behavior

change files should only update components on the page

• for react, nx serve <app> will enable fast refresh; for other app like angular, run nx serve <app> --hmr will enable fast refresh
• nx serve --hmr=false` will disable fast refresh and go back to full page reload

Related Issue(s)

Fixes #

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nrwl/nx-dev/2Y46jFaqnTu95vKEDrvZ8SwGsnuB
✅ Preview: https://nx-dev-git-fork-xiongemi-feat-add-react-fast-refresh-nrwl.vercel.app

[nx-cloud]

Nx Cloud Report

CI ran the following commands for commit 4d91a38. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

Status	Command
	nx affected --target=build --parallel --max-parallel=3
	nx affected --target=e2e
	nx affected --target=lint --parallel --max-parallel=4
	nx affected --target=test --parallel --max-parallel=2

---

Sent with 💌 from NxCloud.

[jaysoo]

Can we enable by default so users will get the better experience out of the box?

And they can use --no-hmr or --hmr false to disable it.

[tianzhich]

nice to see this released

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.