title: How to set up Sublime Text 3 for React?
body: <p>I'm trying to set up my Sublime Text 3 for React like the screenshots in <a href="https://github.com/babel/babel-sublime" rel="noreferrer">this link</a>, didn't succeed to make it though.</p>
  <p>Maybe I have some extra packages or settings that would show my <code>index.js</code> syntax like below:</p>
  <p><a href="https://i.stack.imgur.com/mOxx6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mOxx6.png" alt="enter image description here" /></a></p>
  <h3>sublime-settings:</h3>
  <pre><code>{
      &quot;auto_complete&quot;: true,
      &quot;color_scheme&quot;: &quot;Packages/Color Scheme - Default/Monokai.tmTheme&quot;,
      &quot;dictionary&quot;: &quot;Packages/Language - English/en_US.dic&quot;,
      &quot;ensure_newline_at_eof_on_save&quot;: false,
      &quot;font_face&quot;: &quot;MONACO&quot;,
      &quot;font_size&quot;: 16,
      &quot;show_line_endings&quot;: true,
      &quot;show_panel_on_build&quot;: true,
      &quot;spell_check&quot;: true,
      &quot;theme&quot;: &quot;Adaptive.sublime-theme&quot;,
      &quot;translate_tabs_to_spaces&quot;: true,
      &quot;trim_trailing_white_space_on_save&quot;: true
  }
  
  </code></pre>
  <p>I also have these packages:</p>
  <p><a href="https://i.stack.imgur.com/Kys42.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Kys42.png" alt="enter image description here" /></a></p>
  <p>How do I do that?</p>
  <p>(Thanks! I'm new to React/js/jsx)</p>