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
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 loadable-components branch!
Checkout the babel branch!
Start: npm run dev
Runs at: http://localhost:3000
Build: npm run build
Start: npm start
npm test