piotrwitek / react-redux-typescript-webpack-starter

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

React / Redux / Typescript / Webpack - Starter

Powered by Webpack optimized for performance

Recently updated all dependencies!

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 (check npm run dev or npm run dev:awesome)

• React Hot Loader
  

• Dependency graph of the entire application! 🌟 NEW
  

---

Installation

• project optimized to use yarn

// Clone repo
git clone https://github.com/piotrwitek/react-redux-typescript-webpack-starter

// Install dependencies
npm install

// Run development server with react hot-reload
npm run dev (ts-loader)

---

CLI Commands

- Development

npm run dev - start dev-server with hot-reload (ts-loader)

npm run dev:dashboard - start dev-server with webpack-dashboard

npm run dev:awesome - start dev-server with awesome-typescript-loader

- Type checking

npm run tsc - entire project type-check

npm run tsc:watch - fast incremental type-checking in watch mode

- Production Bundling (dist/ folder)

npm run clean - clean dist

npm run build - build dist bundle

- Utility & Git Hooks

npm run reinstall - reinstall all dependencies (useful when switching branch) (note: use reinstall:win on Windows)

npm run lint - run linter (tslint)

npm run test - run tests with jest runner

npm run test:update - update jest snapshots

npm run precommit - pre commit git hook - linter

npm run prepush - pre push git hook - linter, tests and check types

- Deployment

npm run deploy - commit and push all changes found in /dist folder to "gh-pages" branch

---

The MIT License (MIT)

Copyright (c) 2016 Piotr Witek [email protected] (http://piotrwitek.github.io/)

react-redux-typescript-webpack-starter's Issues

ts-loader could be faster with fork-ts-checker-webpack-plugin / thread-loader / happypack

Hey!

I just stumbled upon this project as I was browsing around for a good redux starter kit. I noted that you've got ts-loader in here; I don't know if you're aware but you could speed up your ts-loader builds fairly straightforwardly with fork-ts-checker-webpack-plugin / thread-loader / happypack. I did a blog post about this recently and thought I'd share it.

https://medium.com/webpack/typescript-webpack-super-pursuit-mode-83cc568dea79

(Feel free to close this; not actually an issue)

index.html resulting from npm run build contains both file references with hashs and without

I would expect the regular references to be replaced by the ones with hashes.

• Running on windows
• No warnings outputted when running the build command

Add redux to the mix

Contrary to the name, this mix does not contain Redux.

To resolve this, add Redux, or remove it from the boilerplate's name.

npm run clean : windows support

This command works:

DEL /s /q dist

Is there anyway to change package.json so the script uses DEL or rm depending on platform?