Deprecation Notice
This boilerplate is based on react-hot-loader which is deprecated. A new boilerplate which uses React Transform, can be found here.
react-hot-boilerplate-ts
An (almost) minimal dev environment to enable live-editing Typescript/ReactJS components.
This a copy of Dan Abramov's react-hot-boilerplate (https://github.com/gaearon/react-hot-boilerplate), but uses ts-loader/Typescript instead of babel-loader/Babel.
Usage
npm install
npm start
open http://localhost:3000
Extras
To show the advantages of Typescript, the typings for React have been included.
The App component has a name property which has been defined on the interface (IAppProps) for props, i.e. the first generic parameter to Component.
If you were to remove the name property when using the component (in index.tsx), then you'll receive a typescript compile error.
If you're using a suitably advanced editor or editor plugin, you'll also get intellisense and edit-time error messages. This works with the atom editor and the atom atom-typescript plugin.
TODO
tslint
Dependencies
- React
- Webpack
- webpack-dev-server
- typescript
- ts-loader
- react-hot-loader
Resources
- react-hot-boilerplate on Github
- Ping waynemaurer on Twitter