Shotgun Episode 4: Live Reloading Browser Previews

A new episode of shotgun is available today:

Shotgun is a new video screencast show that lets you ride shotgun with me while I tackle real programming challenges for real apps and libraries. The show is only available to members of

In this episode, it’s time to see how our component renders in a real browser, and to do that, we’ll pull in browser-sync so we can check out live previews as we save changes in the project.

Our mission is 3-fold:

  1. Install browser-sync.
  2. Create a new Sync script in package.json.
  3. Make sure everything is being styled correctly.

A fun episode, because we get to explore a few of my favorite dev tools, and we get to see the actual component rendering in the browser for the first time.

You’ll also learn about my approach to unit testing the visual style of the application. (Spoiler: I don’t — but there’s a method to the madness).

Free for Members

The shotgun series is free for members. If you’re already a member, log in and watch it now.

If you’re not a member yet, you’re missing out! We have a bunch of webcasts on topics including ES6, The Two Pillars of JavaScript (prototypal inheritance and functional programming), React, and more. The Lifetime Access Pass includes all of this and more, including all new content that will be made available in the future, forever.

Buy your Lifetime Access Pass today

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.