Overview
This product is a starter template for building React/Redux/Typescript applications using Webpack. It is optimized for performance and has recently been updated with all new dependencies. The template includes features such as ultra performance, a dependency graph of the entire application, and support for hot reloading.
Features
- No babel!
- Ultra performance
- Webpack 2 (simple one-file config, separate vendor bundle, dashboard)
- Setup for ts-loader and awesome-typescript-loader for comparison
- React Hot Loader
- Dependency graph of the entire application
Installation
To install this starter template, follow these steps:
- Clone the repository
- Install dependencies using
npm installoryarn - Run the development server with hot-reload using
npm run dev - Alternatively, you can run the development server with webpack-dashboard using
npm run dev:dashboardor with awesome-typescript-loader usingnpm run dev:awesome - For type checking, use
npm run tscfor entire project type-checking ornpm run tsc:watchfor fast incremental type-checking in watch mode - For production bundling, use
npm run cleanto clean thedistfolder andnpm run buildto build thedistbundle - Additional utility and git hooks commands are available such as
npm run reinstallto reinstall all dependencies,npm run lintto run the linter,npm run testto run tests with Jest runner,npm run test:updateto update Jest snapshots,npm run precommitfor pre commit git hook (linting), andnpm run prepushfor pre push git hook (linting, tests, and type-checking) - For deployment, use
npm run deployto commit and push all changes found in thedistfolder to thegh-pagesbranch
Summary
This starter template provides a high-performance setup for building React/Redux/Typescript applications using Webpack. It includes features such as a dependency graph, hot reloading, and support for different TypeScript loaders. The installation process is well-documented and includes various utility and git hook commands for development. Overall, this template offers a streamlined and optimized development experience for React/Redux/Typescript projects.