Goals:
- Help newcomers get started
- Give a visual flavor of how the Debugger works
- Show how some of the React + Redux concepts come together to create the Debugger
- Introduce you to the team. The Debugger is a fun project and we don't take ourselves too seriously!
This video walks through the getting setup steps:
- starting the dev server
- starting chrome and firefox
- launching the debugger
- and then jumps in to debugger inception because it's too cool not to!
This video gives an overview of event listeners, a new feature we're working on that lists the event handlers on the page. After that, we jump in and make each event listener link to where the handler is defined.
This video adds additional functionality to event listeners, such as a checkbox that enables and disables breakpoints for that listener and a close button that removes the breakpoint entirely. Along the way, fetch breakpoints, refactor the component, and squash lots of bugs as they emerge.