Merge pull request #148 from planetlabs/add-ts-x-to-planet-config

Add ts,tsx file extensions support to planet/react

Author: tschaub

examples/react/component.tsx

@@ -0,0 +1,23 @@
+import {string} from 'prop-types';
+import React, {useCallback, useState} from 'react';
+import ReactDOM from 'react-dom';
+
+const HelloMessage = ({name}) => {
+  const [greeting, setGreeting] = useState('Hello');
+
+  const onClick = useCallback(() => {
+    setGreeting(`Goodbye ${name}`);
+  }, [name]);
+
+  return (
+    <div onClick={onClick}>
+      {greeting} {name}
+    </div>
+  );
+};
+
+HelloMessage.propTypes = {
+  name: string.isRequired,
+};
+
+ReactDOM.render(<HelloMessage name="John" />, document.getElementById('root'));

react.js

@@ -28,7 +28,7 @@ export default [
       },
     },
 
-    files: ['**/*.js', '**/*.jsx'],
+    files: ['**/*.js', '**/*.jsx', '**/*.ts', '**/*.tsx'],
 
     rules: {
       'react-hooks/exhaustive-deps': 'warn',