title: React: Resizing a div including handlers, different cursors i.e ns-resize - no jquery
body: <p>I am looking for an easy way of allow a user to resize a div using handles and all relevant cursors. I see lots of examples using jquery but I would like to use it in react and jquery isn't required.</p>
  
  <p>Does anyone know a easy way of doing this ? I presume pure js, css. I don't really want to use a react component for this, as I need to enable resizing on standard divs.</p>
  
  <p>Of course it is for use with reactjs, is there a more modern way of doing this without jquery ?</p>
  
  <p>** EDIT **</p>
  
  <p>These are the cursors that could be used for each resizable point</p>
  
  <blockquote>
    <p>e-resize     ne-resize n-resize     nw-resize s-resize     se-resize
    w-resize     sw-resize</p>
  </blockquote>