fast-refresh-express

Example with:

• Express
• Reactv18
• styled-components
• TypeScript
• SWC
  • Usingswc-loaderforwebpack
  • with the help of@swc/plugin-styled-components
  • and@swc/clito build server for production
  • and@swc/registerto compile server-side TypeScript at runtime for dev
  • with tests using@swc/jest
• React Fast Refresh
  • Using@pmmmwh/react-refresh-webpack-plugin
  • and webpack-hot-middleware (thanks to@gatsbyjs/webpack-hot-middleware)
• Server side rendering

About React 18 streaming render

Currently, streaming render in React 18 + styled-components has some issues. Current rendering setup right not isn't ideal maybe, but it works!

Like to use loadable-components?

Checkout theloadable-components branch!

Like to use babel?

Checkout thebabel branch!

How to run locally

Start:npm run dev

Runs at:http://localhost:3000

How to run in production

Build:npm run build

Start:npm start

How to test

npm test