title: How to import dependencies in reactjs class?
body: <p>I created a react jsx file (index.jsx) as shown below. The first line is used to import jquery library in our class. </p>
  
  <pre><code>import $ from 'jquery'
  import React from 'react';
  import ReactDOM from 'react-dom';
  
  import './main.css';
  import './component';
  import Search from './search/search'
  </code></pre>
  
  <p>when I started the webpack-dev-server, I got below error:</p>
  
  <pre><code>index.jsx Line 1: Unexpected token
  You may need an appropriate loader to handle this file type.
  | import $ from 'jquery';
  | import React from 'react';
  | import ReactDOM from 'react-dom'
  </code></pre>
  
  <p>I have added the jquery and react dependencies on my package.json file. I wonder what I missed here. </p>