React Redux Typescript Webpack Starter

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:

1. Clone the repository
2. Install dependencies using npm install or yarn
3. Run the development server with hot-reload using npm run dev
4. Alternatively, you can run the development server with webpack-dashboard using npm run dev:dashboard or with awesome-typescript-loader using npm run dev:awesome
5. For type checking, use npm run tsc for entire project type-checking or npm run tsc:watch for fast incremental type-checking in watch mode
6. For production bundling, use npm run clean to clean the dist folder and npm run build to build the dist bundle
7. Additional utility and git hooks commands are available such as npm run reinstall to reinstall all dependencies, npm run lint to run the linter, npm run test to run tests with Jest runner, npm run test:update to update Jest snapshots, npm run precommit for pre commit git hook (linting), and npm run prepush for pre push git hook (linting, tests, and type-checking)
8. For deployment, use npm run deploy to commit and push all changes found in the dist folder to the gh-pages branch

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.