title: syntax highlighting for react code in sublime
body: <p>I'm started writing some basic React code in sublime text. Here is what my syntax highlighting looks like. Its partly highlighted. Is there any suggested sublime plugin i can use to see a complete syntax highlight?</p>
  
  <p><a href="https://i.stack.imgur.com/yZ4ls.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yZ4ls.png" alt="enter image description here"></a></p>
  
  <pre><code>import React, { Component } from 'react'
  import { connect } from 'react-redux'   // &lt;-- is the glue between react and redux
  import { bindActionCreators } from 'redux'
  import { selectBook } from '../actions/index'
  
  // there is no intrinsic connection between React and Redux
  // they are two seperate libraries
  // they are connected using a seperate library called ReactRedux
  
  // container? its a React component that hasa direct connection to state managed by Redux
  class BookList extends Component {
  
      constructor(props) {
          super(props)
          //this.props = props;
      }
  
      renderList() {
          return this.props.books.map((book) =&gt; {
              return (
                  &lt;li key={book.title} className="list-group-item"&gt;{book.title}&lt;/li&gt;
              )
          })
      }
  
      render() {
          return (
              &lt;ul className="list-group col-sm-4"&gt;
                  {this.renderList()}
              &lt;/ul&gt;
          )
      }
  
  }
  
  // function is the glue between react and redux
  function mapStateToProps(state) {
      // Whatever gets retrieved from here will show up as props inside
      // of book-list
  
      return {
          books: state.books
      }
  }
  
  // anything returned from this function will end up as props on the BookList container
  function mapDispatchToProps(dispatch) {
      return bindActionCreators({selectBook: selectBook}, dispatch)
  }
  
  // Promote BookList from a component to a container - it needs to know
  // about this new dispatch method, selectBook. Make it available as a prop
  export default connect(mapStateToProps, mapDispatchToProps)(BookList);
  </code></pre>
  
  <p>EDIT: [Fixed some incorrect syntax, Added code text]</p>