We're live-coding on Twitch! Join us!

welcome to scotch.io

fun and practical web development tutorials

What is Vettery?

Vettery is an online hiring marketplace that connects job seekers with over 20,000 companies across the US, Canada, and the UK. With an active profile on Vettery, hiring managers can send interview requests directly to your inbox when your background and preferences match what they’re looking f...

Read more

Testing in Production with Feature Flags

In November of this year, Instagram introduced a new feature to remove likes from your Feed. They chose to roll out this feature gradually and test in production to fully understand the impact of their decision. How do users react? Does it impact the way they use the application? Does it impact t...

Read more

Javascript End-to-End Testing With Testim: Intro With Examples

This post is an introductory guide to JavaScript end-to-end testing, using a tool called Testim. End-to-end testing (or E2E Testing, for short) is one of the many types of automated tests that currently exist for web applications. This type of testing occupies a somewhat peculiar place in the who...

Read more

Build a Meal Ticketing App with GraphQL and Apollo React Hooks

I was at a conference this year and they handed attendees meal tickets for the after-party. It was a super amazing conference and I loved meeting everyone there, but dang... I forgot my meal ticket at the hotel and was starving while everyone else ate at the after-party! They served good looking ...

Read more

Five Steps to an Awesome Data Model in Apache Cassandra™

Congratulations, you're starting out on the Cassandra distributed database, a favorite choice among architects and developers for its performance, scalability, continuous uptime, and global data distribution. Whether you plan on using it for ecommerce, IoT, fraud, or anything else, it's importan...

Read more

Building a Location Aware Weather Reporting Widget

In the past, we looked at adding an extra security layer to our applications by using actionable data from the users IP address. Today, we'll build a demo of a simple widget that we can place on our web...

Read more

Why You Can't Return Parallel JSX Elements. The Hack!

The Answer JavaScript as a language doesn’t support multiple return values. In writing React code, your JSX (JavaScript XML) eventually gets transpiled into vanilla JavaScript. When this happens, parallel JSX elements are transpiled into multiple return values which isn’t a feature ...

Read more

Picking Your Tech Field as a Newbie

Experience is the best teacher, but no one said it has to be your experience As a newbie just starting in tech, one of the most challenging decisions you have to make is choosing a tech stack to learn, you'll probably be thinking of choosing web, and you still ha...

Read more

Deploying a static NuxtJS site to Cloudflare Workers

Recently Cloudflare announced Workers support for static sites. This opens up a whole new era of static website deployment. Cloudflare Workers is a Serverless platform that allows us to write and run JavaScript and WebAssembly on their Edge network. Now with the help of Cloudflare KV and Workers,...

Read more

Using an Image CDN to Speed Up Image Delivery from Amazon S3

Cloud storage offers companies many benefits like redundancy and lower costs. All the big cloud providers have their own version of cloud storage. Launched as early as 2006, Amazon S3 is one of the more popular cloud storage services. S3 (Simple Storage Service) is very convenient for storing all...

Read more

Proxies and Generators in JavaScript

Let’s take a dive at two constructs that were introduced in the JavaScript ES6 specification: Proxy Generator A solid understanding of these constructs will prove handy when working with JavaScript at a relatively low level. In this article, we will go over cer...

Read more

7 Ways to Implement Conditional Rendering in React Applications

With React, we can build Single Page Applications that are dynamic and highly interactive. One way we fully utilize such interactivity is through conditional rendering. Conditional rendering as a term describes the ability to render different UI markup bas...

Read more

Fun, Fast, and Free Login with React Native

React Native is a mobile app development framework that allows you to use React to build native iOS and Android mobile apps. Instead of using a web view and rendering HTML and JavaScript, it converts React components to native platform components. This means you can use React Native in your exist...

Read more

Feature Flags and GitOps. 5 Use Cases to Help You ‘Git’r Done.

What is GitOps? The practice of GitOps is the next incarnation of continuous delivery. It allows developers ...

Read more