Chrome Browser Extensions are a quick and easy ways to enhance and extend browser functionality using everyday web languages. This screencast walks through the basics of loading a custom or hand-made extension onto the browser. We'll also create our own distraction-preventing extension that reroutes us back to The Frontier whenever we try to visit Twitter.
React breaks up our UI into separate, reusable components which makes organizing code much easier. However, if one of those components breaks, it crashes the rest of your UI. In this screencast, we'll show you how to build a React ErrorBoundary component that will help keep your UI working even when there are errors
Load screens provide a visual indicator to users that data is being fetched and a useful reminder that the app isn’t frozen. They also can prevent unwanted user interaction with your site. This screencast walks through building a simple load screen in React that will improve user experiences
Improve user experiences on your web site by adding drag and drop functionality without any external libraries or frameworks. The Drag and Drop API is part of the core HTML5 spec and allows developers to make their sites more interactive and natural. In this screencast, we'll help you build an HTML5 Drag and Drop tool.
We can control the frequency with which certain functions can be invoked using a higher-order function to throttle functions just like a car’s throttle controls how much gas is delivered to the engine. This screencast describes a challenge we faced in deciding when to make an Ajax request and how throttling solved the problem.
Testing code creates more reliable and maintainable applications. When adding tests to an existing codebase, test coverage reports can help expose which parts of the app are untested. When creating a new test suite alongside a new app, test coverage reports can help guide the creation of valuable tests.
Integration tests describe a server’s overall behavior and capabilities. These tests can quickly expose failing systems, help developers isolate bugs and make server-sized refactors safer. In this screencast, we’ll show you how to configure the Chai HTTP extension with the existing test suite for the Chattrbox app.