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

1npm install
2npm 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

1npm start

Debugging

based on budo with source maps and hot reload.

1npm run debug

License

MIT

Attributions

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