Typescript JSX transformer for InfernoJS.
This is a plugin for Typescript compiler that compiles Typescript JSX syntax ( TSX ) directly to Inferno API to avoid createElement method calls.
yarn add -D ts-plugin-inferno typescript
const transformInferno = require('ts-plugin-inferno').default
// Typescript compiler options
options: {
getCustomTransformers: () => ({
after: [transformInferno()],
}),
},It's different depending on what bundler you're using. Please check the examples folder.
Since version v6.0.0 this plugin only supports Javascript runtime environment where Object.assign is available.
It's also highly recommended to set typescript settings as follows
compilerOptions.moduletoES2015orES6or higher.commpilerOptions.targettoES2015or higher
Look into the examples/fuse-box folder and the fuse.js file.
You could also try to build the project by running the following commands:
cd examples/fuse-box && npm install
npm run start:dev or npm run start:prod
Look into the examples/webpack folder and its webpack config.
You could also try to build the project by running the following commands:
cd examples/webpack && npm install
npm run build:prod or npm start
You can run the following command to test: npm test
Write your test in a .tsx file and add it to tests/cases.
Compile with npm test and look into the tests/temp and verify.
Overwrite references by running the following command: npm run overwrite-references
Run npm test again to verify that all tests are passing.
This is fork of awesome ts-transform-inferno!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent