a-neumann / react-ts-esbuild-boilerplate

minimal setup for react project written in typescript using esbuild for bundling

React TypeScript esbuild boilerplate

Features

• local dev server with npm start script
• custom HTML template with envorinment variable injecting
• analyze bundle with npm run analyze script
• unit test setup with Jest, pre configured with Testing Library to test React components
• build script configured for long term caching with hashed output names
• configured for importing media files in CSS or TypeScript code
• CSS entry point for global overrides and importing fonts files with CSS imports
• copy script for serving static assets directory
• source maps and debug script for Visual Studio Code launching Firefox or Chrome supporting live-reload

Motivation

• lightweight setup, 9 dev dependencies excluding types
• About 83MB dependencies instead of 310M in comparison to Create React App
• plain template repository, easy to configure and extend

Not included

Linting and code formatting is currently not included.

Prettier is not creating very readable code since blank lines after function signatures is not supported.

ESLint may be added later when the compatibility of typescript-eslint is ready for version 9 that uses another configuration file format. It is easily possible to install one or both of this tools on top of this template.