title: How to debug a react.js library
body: <p>I have been using react for about a year now and i recently wanted to delve into <a href="https://github.com/atlassian/react-beautiful-dnd" rel="noreferrer">react-beautiful-dnd</a>. I've built plugins for vanilla js and jQuery in the past , but i am not to sure about how to go about building a react.js plugin or even debug it. i am more interested in debugging this plugin and seeing how it works more then anything , so how exactly do i go about doing it ?</p>
  
  <p>Typically with a JS plugin, its mostly one file , so a console.log inside each function would give you a clear enough understanding of why and when a certain function is triggered , how would you go about doing the same with a react.js plugin ?</p>