tsify Inferno sample

A TypeScript Inferno JSX example building with browserify/tsify, including tree-shaking and minification. Also includes an example of development server with source maps and hot reload.

Based on inferno-typescript-example and tsify React sample.

How it works

Typescript is configured to transpile JSX within .tsx files to plain JS with createElement.

The JSX factory is defined locally at the top of each .tsx file.

Building

npm install
npm run build

browserify configuration:

• process.env constants with envify
• tree-shaking with common-shakeify
• minified bundle names with bundle-collapser

the bundled output from browserify is minified with uglify-es: gzipped, this example fits in 13k bytes.

Running

npm start

Debugging

based on budo with source maps and hot reload.

npm run debug

License

MIT

Attributions

• Greg Smith smrq et al. for tsify React sample.
• Dominic Gannaway trueadm et al. for inferno-typescript-example.