Creating a Chrome Browser Extension
Description: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 extensi...
Description: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 y...
Simplifying Vuex Using Cached Getters
Description:In this screencast, we’re going to look at how to use the caching functionality of Vuex’s getters to simplify your data store code. We'll show you how to replace fragile imperative code with robust declarati...
Extracting a React Component
Description:Sometimes we don’t realize we should make a custom child component until it’s too late. In this screencast, we'll teach you how to extract a React component from an app.
Load Screens in React
Description: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 wa...
Solving React Navigation State Problems with MobX
Description:In this screencast, we’re going to look at some challenges you can run into passing props with React Navigation. We’ll use MobX to get our app working and make our state management even simpler in the process.
Optimizing Caching in React
Description:In this screencast, we’ll look at how to speed up you React app by allowing browsers to cache your code as long as possible. By the end of the video you’ll be able to configure Webpack to minimize how often ...
Lazy Loading Code in React
Description:In this screencast, we're going to look at how to speed up your React app by lazily loading code. By the end of this video, you’ll be able to configure Webpack to let you defer loading code until it’s needed...
Minimizing Bundle Size in React
HTML5 Drag and Drop
Description: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 mak...
Creating a HTML5 Erasing Tool
Testing Vue Components
Throttling Ajax Requests
Description: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 ...
Testing in Node #1 - Basics
Description:The options available to the Node developer setting up testing for the first time can be overwhelming. There are several tools to choose from, and they can be configured in multiple ways.
Testing in Node #3 - Coverage
Description: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 tes...
Testing in Node #2 - Stubs and Spies
Description:Testing code creates more reliable and maintainable applications. It’s not always a straightforward process, though. Stubs and spies give us more control of what we can test and how our code behaves when we ...
Testing in Node #4 - Integration Testing (Part 1)
Description: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...
Testing in Node #5 - Integration Testing (Part 2)
Description: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.
Testing in Node #6 - Testing with a Database (Part 1)
Description:Testing code creates more reliable and maintainable applications. Testing a complex app with multiple dependencies can be, well, complex. A common dependency that needs to be managed in a test environment is...
Testing in Node #7 - Testing with a Database (Part 2)
Description:Creating database entities for tests quickly becomes unmanageable as data models become more complex. Factory Girl allows us to quickly create records in our database that easily grow with our application.
Prompting for Unsaved Changes in a Form
Description:In this video, you’ll learn how to stop your users from losing their inputed data by triggering an alert if your users attempt to navigate away from their unsaved form.