title: How can I setup Visual Studio Code(VSC) or Sublime Text3 to run ReactJS
body: <p>I am new with ReactJS. I tried VSC and Sublime Text3 as my IDE. My OS is Windows 10, I installed NodeJS, Babel and added {&quot;type&quot;: &quot;module&quot;} in package.json file. I cannot run or build JSX syntax. Below is a simple JSX file.</p>
  <pre><code>import React from 'react';
  
  const Footer = () =&gt; {
      return(
          &lt;footer&gt;
          this is my footer
          &lt;/footer&gt;
          );
  }
  export default Footer;
  </code></pre>
  <p>When I run(build with node in sublime) this I receive an error, please help setup my IDE.</p>
  <pre><code>ExperimentalWarning: The ESM module loader is experimental.
  file:///D:/myreact/src/components/Footer.js:6
          &lt;footer&gt;
          ^
  SyntaxError: Unexpected token '&lt;'
      at Loader.moduleStrategy (internal/modules/esm/translators.js:88:18)
      at async link (internal/modules/esm/module_job.js:41:21)
  </code></pre>
  <p>Below is my package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;myreact&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;type&quot;: &quot;module&quot;,
    &quot;dependencies&quot;: {
      &quot;cra-template&quot;: &quot;1.0.3&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;react-scripts&quot;: &quot;3.4.1&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    }
  }
  </code></pre>
  <p>Here is a screenshot of my sublime
  <a href="https://i.stack.imgur.com/4f0Yi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4f0Yi.jpg" alt="enter image description here" /></a></p>