Basic React Babel ES6 Fiddle

HTML

<script src="https://fb.me/react-dom-0.14.3.js"></script>
<div id="container"></div>

Babel + JSX

class TreeRender extends React.Component {
  state = {
  	data: JSON.parse('[{"id": 25,"slug": "mobiles","parent_id": null,"name": "Mobiles"},{"id": 26,"slug": "mobile-phones-accessories","parent_id": 25,"name": "Mobile Phones accessories"},{"id": 27,"slug": "computer-laptop","parent_id": null,"name": "Computer & Laptop"},{"id": 28,"slug": "laptops","parent_id": 27,"name": "Laptops"},{"id": 29,"slug": "mobile-phones","parent_id": 26,"name": "Mobiles Phone"}]')
  }
  getCurrent = (node) => this.state.data.filter(cNode => cNode.parent_id == node).map(cNode => (
  	<ul key={`node_${cNode.id}`}>
      <li>{cNode.name}</li>
      {this.getCurrent(cNode.id)}
    </ul>
  ))
  
  render() {
    return (
      <div>
        {this.getCurrent(null)}
      </div>
    );
  }
}

ReactDOM.render(
  <TreeRender/>,
  document.getElementById('container')
);