There is very little documentation on setting up a TypeScript React project that is not using the create-react-app magical nonsense. Here is my response. This includes PostCSS and CSSNext.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
build
settings
src
test
.DS_Store
.drone.yml
.gitignore
.travis.yml
LICENSE
README.md
index.html
package-lock.json
package.json
tsconfig.json
tsconfig.webpack.json
tslint.json

README.md

Test React - In Typescript

Test Coverage

Blog Post

There is very little documentation on setting up a TypeScript React project that is not using the create-react-app magical nonsense. Here is my response.

We have a single component with a test that is using Jest + Enzyme and is covering the component 100%.

Hopefully this is an easy to understand, starter/example for people looking to bootstrap their own apps.

Install Dependencies

npm install

Run Tests

npm run test

Coverage Output Preview:

Project Coverage

Building

npm run dev
npm run prod

Styles via PostCSS Loader + CSSNext

This includes loaders for PostCSS with CSSNext.

Images via File Loader

This includes support for loading in gif, png, jpg, or svg files.