react-native-typescript-transformer
A transformer to use for loading TypeScript files with react-native >= 0.45
It currently uses Babel as a secondary compilation step for simplicity's sake, and to enable synthetic default imports. A planned feature is to allow bypassing babel for people who don't use synthetic default imports.
Usage
Step 1: Install
yarn add --dev react-native-typescript-transformer typescript
Step 2: Configure TypeScript
Make sure your tsconfig.json has the following:
Notes
"module"
can be "commonjs"
if you don't care about allowing synthetic default imports (in which case that field can also be false
)
"target"
can probably be anything supported by your babel setup, I suppose.
"jsx"
can also be "preserve"
, they are functionally identical if you don't emit files.
Step 3: Configure the react native packager
Add this to your rn-cli.config.js (make one if you don't have one already):
moduleexports = { return require } { return 'ts' 'tsx'; }
Alternatively, pass these cli args when you start the packager:
--transformer node_modules/react-native-typescript-transformer --sourceExts ts,tsx
And you should be you good to go!
License
MIT