configuring typscript

lib/src/Navigation.js

 const LayoutTreeCrawler = require('./commands/LayoutTreeCrawler');
 const PrivateEventsListener = require('./events/PrivateEventsListener');
 const PublicEventsRegistry = require('./events/PublicEventsRegistry');
-const Element = require('./adapters/Element');
+
+import { Element } from './adapters/Element';
 
 /** @constructor */
 class Navigation {

lib/src/adapters/Element.js

-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { requireNativeComponent } from 'react-native';
-
-class Element extends React.Component {
-  render() {
-    return <RNNElement {...this.props} />;
-  }
-}
-
-Element.propTypes = {
-  elementId: PropTypes.string.isRequired,
-  resizeMode: PropTypes.string
-};
-Element.defaultProps = {
-  resizeMode: ''
-};
-const RNNElement = requireNativeComponent('RNNElement', Element);
-
-module.exports = Element;

lib/src/adapters/Element.tsx

+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { requireNativeComponent } from 'react-native';
+
+interface ElementProps {
+  elementId: any;
+  resizeMode: any;
+}
+
+let RNNElement: React.ComponentClass;
+
+export class Element extends React.Component<ElementProps, object> {
+  static propTypes = {
+    elementId: PropTypes.string.isRequired,
+    resizeMode: PropTypes.string
+  }
+  static defaultProps = {
+    resizeMode: ''
+  }
+
+  render() {
+    return (
+      <RNNElement {...this.props} />
+    );
+  }
+}
+
+RNNElement = requireNativeComponent('RNNElement', Element);

package.json

   },
   "dependencies": {
     "lodash": "4.x.x",
-    "prop-types": "15.x.x"
+    "prop-types": "15.x.x",
+    "tslib": "1.x.x"
   },
   "devDependencies": {
     "detox": "6.x.x",
     "eslint-config-xo-react": "0.13.x",
     "eslint-plugin-react": "7.x.x",
     "jest": "22.x.x",
-    "jsdoc": "3.x.x",
-    "jsdoc-to-markdown": "3.x.x",
     "mocha": "4.x.x",
     "react": "16.0.0-beta.5",
     "react-native": "0.49.x",
     "typescript": "2.x.x",
     "@types/react": "16.0.0",
     "@types/react-native": "0.49.x",
-    "@types/jest": "22.x.x",
+    "@types/lodash": "4.x.x",
     "@types/prop-types": "15.x.x",
-    "@types/react-test-renderer": "16.0.0"
+    "@types/react-test-renderer": "16.0.0",
+    "@types/jest": "22.x.x"
   },
   "babel": {
     "env": {

tsconfig-strict.json

+{
+  "$schema": "http://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": false,
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "alwaysStrict": true,
+    "diagnostics": true,
+    "forceConsistentCasingInFileNames": true,
+    "importHelpers": true,
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "pretty": true,
+    "strictFunctionTypes": false,
+    "strictNullChecks": true
+  }
+}

tsconfig.json

 {
+  "extends": "./tsconfig-strict",
   "compilerOptions": {
     "outDir": "./lib/dist",
     "allowJs": true,
     "target": "esnext",
     "module": "commonjs",
-    "jsx": "preserve",
-    "noEmitOnError": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "alwaysStrict": true,
-    "strictNullChecks": true,
+    "jsx": "react-native",
     "types": [
+      "lodash",
       "react",
       "react-native",
+      "prop-types",
+      "react-test-renderer",
       "jest"
     ]
   },