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

welcome to scotch.io

fun and practical web development tutorials

What's New in React 16.9: The UNSAFE Update

As we prepare for React v17, the React core team continues to make incremental changes and recently released React 16.9.0. This release builds on previous versions with a number of deprecations, new features and bug fixes. ...

Read more

Building My First Svelte App: Thoughts and Impressions

There are always going to be new JavaScript libraries and frameworks that pop up. Sometimes it's easy to feel that we are in a new JS library fatigue mode. It is an amazing thing though since this means more innovation across all of the JavaScript land. ...

Read more

Native Lazy-Loading Launched on Chrome 76!

I woke up to this amazing news this morning and couldn't think of anything better than to share with you. Given that I'm a big fan of performance optimizations, and the fact that I had written about lazy loading compon...

Read more

Getting Started With Python Requests - GET Requests

In many web apps, it's normal to connect to various third-party services by using APIs. When you use these APIs you can get access to data like weather information, sports scores, movie listings, tweets, search engine results, and pictures. You can also use APIs to add functionality to your app. ...

Read more

CRUD with Azure Serverless Functions

Serverless functions are lowering the barrier to backend entry for frontend and beginner developers. Personally, I have a huge relief that I don’t have to teach beginner developers DevOps topics — scaling, gateways, containers, hell no. I don’t even know these things myself. I love ...

Read more

Blazing Fast WordPress Sites With Gatsby

Talk about the latest cutting-edge web technologies, and you find some impressive names like React.js, Vue.js, Next.js, and so on. They have opened new gateways and approach to building websites, hence targeting the next billion internet users. Let's...

Read more

Linting and Formatting with ESLint in VS Code

Tooling for JavaScript is too good to not take advantage of, especially when paired with Visual Studio Code! In a recent article, I posted about Code Formatting w...

Read more

10 Tech Fields That Don't Require Coding

You want to go into tech, but you feel coding is not your thing? Well, coding is not for everyone actually, and that's because tech is not just all about coding, and yes, you'll make as much money as programmers, too. Some fields bring different challenges as you’ll be forced to work wit...

Read more

10 Need to Know Mac Terminal Commands

If you want to get into web development, knowing what the Terminal is and how to use it is very beneficial. But there are some essential commands that we’ll go over, so we feel comfortable using it. In today’s article, we will be going over the 10 need to know Mac Terminal commands - #...

Read more

My New Mac Setup and Why I Switched

I want to start this article by saying that I'm not here to start or take part in any brand war between Microsoft and Apple. I like both companies and have switched between operating systems occasionally over the years. Also, really hard to go back to Macs when the MacBook Pro keyboards are the w...

Read more

Code Formatting with Prettier in Visual Studio Code

Formatting code consistently is a pain, especially when working on a team. The beauty of modern day web development is that the tooling has gotten so much better! In this article, we will look at setting up Prettier to automatically format your code in Visual St...

Read more

5 Minute Serverless Functions in Azure without an IDE

Microsoft Azure makes it incredibly easy to get a basic API/microservice up and running quickly! If you are unfamiliar with building serverless architectures in the Microsoft ecosystem, using Azure Functions has become a quick way to get back-end code up and running that is easy to understand and...

Read more

Debugging CSS Grid with Firefox Dev Tools

CSS Grid is mostly composed of rows, columns, cells, tracks, gaps etc. These things are not elements by themselves; hence, it can be really tasking to visualize and debug them. In this post, we’ll look at a few ways we can do it by using the inbuilt developer tools in the Firefox browser. ...

Read more

JavaScript Ternary Operators

Ternary operators allow us to really quickly write shorter **if** statements Here's a quick example: ...

Read more

Dynamic Imports and F# Pipes Officially Land in Babel 7.5

A few days ago, the Babel team release two new feature proposals among all the awesome features we are looking forward to at the next major release. Over time, they have added a lot new things added into the JavaScript compiler, and this time, this proposals looks like something we can all jump o...

Read more