A simple but feature-rich starter boilerplate for creating your own universal app. It built on the top of React, Redux, React Router and Express. Includes all the hot stuff and modern web development tools such as Redux Toolkit, TypeScript, Webpack, Babel, PostCSS, React Refresh, Jest and React Testing Library. See the “Features” section for other awesome features you can expect. They're several React frameworks today, however this is a DIY-oriented start-kit. It shows you how to build a universal web app from scratch and how to test it. Redux Toolkit is the official, opinionated, batteries-included toolset for efficient Redux development. It includes several utility functions that simplify the most common Redux use cases. In a word, we can do more work with less code, start from the tutorial to learn more about it.
Features
- Universal rendering with async data fetching
- React Refresh to fast refresh components without losing their state
- nodemon to monitor for any changes in your Node.js application and automatically restart the server
- react-helmet to manage title, meta, styles and scripts tags on both server and client
- loadable-component to lazy load a component when needed. Reduce your bundle size without stress
- Webpack Bundle Analyzer creates a visualize size of webpack output files with an interactive zoomable treemap
- ESLint to maintain a consistent TypeScript/JavaScript code style (with Airbnb configuration)
- CSS and SASS support with PostCSS for advanced transformations (e.g. autoprefixer, cssnext etc.). CSS modules enabled
- Minimize JavaScript (by terser-webpack-plugin) and CSS (by css-minimizer-webpack-plugin) bundles for you
- Integrate Jest with React Testing Library as the solution for writing unit tests with code coverage support
Project Samples
