Strange Loop

Make a browser tool!

Are you interested in learning how to make your own cross-browser developer tools, but haven't done it before? Interested in learning how make a developer tool with your framework of choice? This is that workshop.

We will begin by building two examples with just CSS and JavaScript. After this, we'll build a popup with React.

Topics covered: Why build an extension? Anatomy of an extension Basics of using the web extensions API versus the Chrome API for extensions Message sending Installing an extension in developer mode Debugging tips Security considerations Build tool considerations

Nicole Chung

UX Engineer at Crowdstrike, Foundations team

Nicole Chung is a UX engineer at Crowdstrike on the Foundations (design systems) team. In her spare time she does workshops for Toronto JS.