https://github.com/pepaar/typescript-webpack-react-redux-boilerplate

React and Redux with TypeScript
https://github.com/pepaar/typescript-webpack-react-redux-boilerplate

babel boilerplate css-modules flux react redux tslint typescript webpack

Last synced: about 1 month ago
JSON representation

React and Redux with TypeScript

• Host: GitHub
• URL: https://github.com/pepaar/typescript-webpack-react-redux-boilerplate
• Owner: pepaar
• License: mit
• Created: 2015-09-14T21:43:36.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-14T20:46:01.000Z (over 7 years ago)
• Last Synced: 2024-02-15T00:36:16.837Z (11 months ago)
• Topics: babel, boilerplate, css-modules, flux, react, redux, tslint, typescript, webpack
• Language: JavaScript
• Homepage:
• Size: 591 KB
• Stars: 181
• Watchers: 16
• Forks: 35
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# typescript-webpack-react-redux-boilerplate

The goal of this repo is to help you start when combining Typescript with React and Redux.

LESS in combination of CSS modules is used for styling components. For running, building and bundling there is powerful Webpack.

## This boilerplate combines

* [Typescript 2](https://github.com/Microsoft/TypeScript)

* [Babel](https://babeljs.io/)

* [React](https://github.com/facebook/react)

* [Redux](https://github.com/reactjs/redux)

* [LESS](https://github.com/less/less.js)

* [CSS modules](https://github.com/css-modules/css-modules)

* [Webpack 2](https://webpack.js.org/)

* [Tslint](https://palantir.github.io/tslint/)

## Getting started

* run **npm install** to download dependencies

* run **npm start** to build and start webpack-dev-server

* open **http://localhost:3333/**

## Build options

* **npm run build** for single build (creates files and index.html in build/ folder)

* **npm start** to build and start webpack-dev-server

## More information

* [Why typescript?](https://medium.com/@delveeng/why-we-love-typescript-bec2df88d6c2)

* [Flux implementation](https://medium.com/@delveeng/how-we-use-the-flux-architecture-in-delve-effc551f8fbc)

* [Why CSS modules?](https://medium.com/@delveeng/how-we-build-css-in-office-delve-3440ae67bae9)

* [Why Webpack?](https://medium.com/@delveeng/how-we-bundle-delve-using-webpack-c13d9c9624c)