title: How compile TSX without create-react-app?
body: <p>I am building a very basic React app by including the React library script tags in my html page, and loading my components in script tags. I am not using modules or <code>create-react-app</code>. My components looks like this:</p>
  
  <p>TIPS.JS</p>
  
  <pre><code>class Tips extends React.Component {
      constructor() {
          super()
      }
  
      render() {
          return (
              &lt;div&gt;
                  &lt;h1&gt;Hello World&lt;/h1&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>I have installed the babel transpolar:</p>
  
  <pre><code>npm install babel-cli@6 babel-preset-react-app@3
  </code></pre>
  
  <p>And now I can transpile my JSX component to normal JS with:</p>
  
  <pre><code>npx babel --watch src --out-dir . --presets react-app/prod 
  </code></pre>
  
  <p>This is fine, but now I want to ALSO compile Typescript TSX, <a href="https://reactjs.org/docs/static-type-checking.html#adding-typescript-to-a-project" rel="nofollow noreferrer">but these docs are a bit unclear on how to combine these</a>. They refer to the <a href="https://github.com/Microsoft/TypeScript-React-Starter/blob/master/tsconfig.json" rel="nofollow noreferrer">Microsoft Typescript React Starter</a>, but that uses Webpack, so it's not the same setup.</p>
  
  <p>Typescript setup</p>
  
  <pre><code>nom install typescript
  npx tsc --init
  </code></pre>
  
  <p>TSCONFIG.json</p>
  
  <pre><code>{
    "compilerOptions": {
        "rootDir": "src",
        "outDir": "build"
    },
  }
  </code></pre>
  
  <p>Now I should be able to run <code>npm run build</code> but I can't find the settings for <code>package.json</code>.
  Should I use <code>tsc watch</code> or <code>babel watch</code> ? Or can I just discard babel when using typescript? </p>
  
  <p>In other words, what's the most basic setup to compile TSX components to javascript without using modules and webpack?</p>