How to Re-render a Vue Route When Path Parameters Change

Paint over and rerender the wall

In single-page apps that use the Vue Router, it is common to create a path parameter that changes the behavior of a route. A common problem occurs when a user alters the path manually in the address bar. Manually changing the URL does not rerender the view! This can cause unexpected behavior because mounted() hooks … Read more How to Re-render a Vue Route When Path Parameters Change

Announcing a “(Very) Basic Intro to Coding”

(Very) Basic Intro to Coding

Qvault Classroom – our new gamified learning platform – just launched its first free coding course! This one is short, sweet, and to the point. We created a thirty-exercise, two-module course that caters to students who have never seen a single line of code before. That’s right, this is a code-in-the-browser course for absolute beginners. … Read more Announcing a “(Very) Basic Intro to Coding”

Simple Setup – Vue Linting in VS Code

eslint vscode

I’m a gopher by nature, so I expect consistent styling and linting in my codebases. More importantly though, I don’t like to think about styling. I like to type haphazardly and then have my editor apply styling automatically on save (ctrl+s, cmd+s). If you are the same way, hopefully this will help you in your … Read more Simple Setup – Vue Linting in VS Code

Go’s WaitGroup – JavaScript’s PromiseAll??

People waiting in line

In applications that are i/o heavy, it can get clunky to synchronously execute high-latency functions one after the other. For example, if I have a web page that needs to request 7 files from the server before it can show the page, I need to asynchronously fetch all those files at the same time. The … Read more Go’s WaitGroup – JavaScript’s PromiseAll??

How To Cache Images – React Native Expo (Managed)

By Lane Wagner – @wagslane on Twitter Caching images in React Native can be easy, even if you are using Expo’s managed workflow. The problem many devs run into is that React Native only supports caching images on IOS out of the box. Other popular community packages that work on Android contain native code, and as such … Read more How To Cache Images – React Native Expo (Managed)

JavaScript With Statement Explained – A Deep Dive

By @wagslane (twitter) Let’s look at the JavaScript with statement. We will go over the simple uses, as well as a deep dive into some more advanced concepts. Note: Use of the with statement is discouraged. It can lead to strange bugs. That said, it is important to understand how it works because it may exist in … Read more JavaScript With Statement Explained – A Deep Dive

JavaScript vs Java – Differences, Similarities, and History

By @wagslane (twitter) Java and JavaScript confuse many new programmers. They sound so similar, so one might think they have the same use-cases, or maybe the same company created both languages. Neither of those assumptions is true! Let’s go over the differences and history in this quick read. Java – Brief History In 1991, James Gosling of … Read more JavaScript vs Java – Differences, Similarities, and History

JavaScript Map Function Explained – A Deep Dive

We are going to walk through the JavaScript map function. I’ll explain how it works in a simple way. Later in the article, we will do a deep dive into some more advanced concepts regarding the map function and its uses. Map Function Syntax From Mozilla’s definition: The Array object’s map method takes a function … Read more JavaScript Map Function Explained – A Deep Dive

Benchmarking Array Traversal in Javascript – Going Backwards is Fastest

There are many ways to traverse an array in Javascript. In this benchmark, we will look at five different ways and the pros and cons of each. Keep in mind that these benchmarks were run in a Chrome browser on Codepen. Results will vary by browser/interpreter. For a working example of these benchmarks, take a … Read more Benchmarking Array Traversal in Javascript – Going Backwards is Fastest

Singletons in ES6 – The Good, The Bad, The Ugly

Singletons are fairly controversial as far as I can tell, especially in Javascript programming. Let’s take a look at what they are, when to (maybe) use them, and when not to. What is a Singleton? A singleton is a class that allows only a single instance of itself to be created and gives access to … Read more Singletons in ES6 – The Good, The Bad, The Ugly