More Premium Hugo Themes Premium React Themes

React Redux Typescript Webpack Starter

React / Redux / Typescript / Webpack - Starter (optimized for performance)

React Redux Typescript Webpack Starter

React / Redux / Typescript / Webpack - Starter (optimized for performance)

Author Avatar Theme by piotrwitek
Github Stars Github Stars: 151
Last Commit Last Commit: Feb 20, 2018 -
First Commit Created: Jan 15, 2024 -
React Redux Typescript Webpack Starter screenshot

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.