The latest articles on DEV Community by Brandon Murphy (@murphybrandon). https://dev.to/murphybrandon https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F137624%2Fe46e361b-052d-4fc9-8f99-681a377f5ab7.png https://dev.to/murphybrandon en Brandon Murphy Fri, 22 Mar 2019 14:54:45 +0000 https://dev.to/murphybrandon/time-travel-debugger-for-react-usereducer-1jed https://dev.to/murphybrandon/time-travel-debugger-for-react-usereducer-1jed <p> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fm5v1ylsiv2radif0ppm4.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fm5v1ylsiv2radif0ppm4.gif"></a> </p> <center> <br> <a href="https://github.com/reactrewind/react-rewind" rel="noopener noreferrer">React Rewind Github Repo</a> <p>A couple friends and I wanted to learn more about the new features released in React 16.8. After playing around and building some mini apps, we noticed there was something that would help us debug our code a lot easier: <br><strong>Redux time traveling but for the <em>useReducer</em> hook.</strong></p> <p><br>So, we decided to build a dev tool that does just that: React Rewind.<br><strong>The first time travel debugger for React's <em>useReducer</em>.</strong><br></p> <p>We're an open source tool and just launched our beta yesterday! We currently have full support for the useReducer hook. We plan to continue working on the tool and extending functionality.<br> <br><br> We would love to hear any feedback/ideas/issues about the dev tool and get some ideas about where to head next.</p> <p><a href="https://github.com/reactrewind/react-rewind" rel="noopener noreferrer">Check out our github repo and let us know what you think.</a> </p> <h3> Application Features </h3> <p> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fb3sednix1286sgpunpga.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fb3sednix1286sgpunpga.gif"></a> </p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Field</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>events</td> <td>action types and time since last dispatch</td> </tr> <tr> <td>actions</td> <td>the action object that was dispatched</td> </tr> <tr> <td>effects</td> <td>difference between the states before and after the action was dispatched</td> </tr> <tr> <td>state</td> <td>the state object after the action was dispatched</td> </tr> </tbody> </table></div> <h3> Contributing </h3> <p>Feel free to fork our rep. We welcome pull requests. For suggestions or to report bugs please log an issue.</p> </center> react reacthooks redux javascript Brandon Murphy Mon, 18 Feb 2019 20:49:24 +0000 https://dev.to/murphybrandon/whats-your-new-dream-dev-tool-for-react-42jh https://dev.to/murphybrandon/whats-your-new-dream-dev-tool-for-react-42jh <p><strong>Hello React JS Community!</strong></p> <p>My team and I are looking to make an open source dev tool that would help solve <em>some</em> common problems/issues that developers encounter while working with React.</p> <p>Our project goal is to help solve <em>some</em> of the these problems and deepen our understanding of React along the way.</p> <p>We hope that by hearing from the React Community that we will be able to generate some <strong>useful</strong> ideas that will help us build a <strong>meaningful</strong> tool.</p> <p>But we're still green in our ideation process.</p> <p><strong>Any ideas/comments would be very much appreciated!</strong></p> inspiration