fast-refresh-express

Example with:

Express
React v18
styled-components
TypeScript
SWC
- Using swc-loader for webpack
- with the help of @swc/plugin-styled-components
- and @swc/cli to build server for production
- and @swc/register to 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!

Checkout the babel branch!

Start: npm run dev

Runs at: http://localhost:3000

Build: npm run build

Start: npm start

npm test

Name		Name	Last commit message	Last commit date
Latest commit History 95 Commits
.vscode		.vscode
dev		dev
react		react
server		server
test		test
.env.defaults		.env.defaults
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc.json		.prettierrc.json
README.md		README.md
favicon.ico		favicon.ico
jest.config.js		jest.config.js
nodemon.json		nodemon.json
package-lock.json		package-lock.json
package.json		package.json
swc.config.json		swc.config.json
types.d.ts		types.d.ts
webpack.config.ts		webpack.config.ts