All Posts

Value Types vs Reference types in JavaScript Explained

Published: January 17, 2021

When storing a variable in JavaScript, the JavaScript engine may store it as one of two types of values: a primitive or reference value. Understanding the difference in how they behave will help to avoid mistakes while manipulating them. An Example Instead of jumping straight into a boring explaination, consider this script: We may expect the output to be…

Read full post

How to setup LESS with React without Ejecting

Published: January 10, 2021

SASS has been natively supported since React 16.7 with a single additional package node-sass. It can be easily integrated simply by adding node-sass and importing your pre-processed stylesheet. However, there is not such an easy solution to handle compiling LESS stylesheets. This is problematic because to manually configure webpack to compile our LESS…

Read full post

Creating Reusable Components with useMemo

Published: January 04, 2021

Today we will looking at a principle of creating resilient components in React and creating a useful custom hook with the useMemo hook. Sometimes when creating a component, we can assume that it will only be used once. However, that assumption may lead into problems sharing props when reusing a simple component. In our example here today, we will look at…

Read full post

Handling multi-page API calls with React Hooks

Published: December 30, 2020

Today we will be walking through an example of how to make continuous API calls to fetch multiple pages of data. Our goal is to build a small web app using React and the HooksAPI that will load dynamically based on user parameters. We will be fetching data from the free API CheapShark API, which provides data for sales across multiple game vendors…

Read full post

How to do Dark Mode with React Hooks

Published: December 29, 2020

Dark Mode is one of the latest features being widely adopted across apps and websites. Dark colours can prolong the battery life of mobile devices. The savings, according to Google with the Dark Mode offered on the YouTube app, allows a 15 percent energy reduction at 50 percent brightness and a huge 60 percent reduction at 100 percent bightness. Apple…

Read full post

How to use Dynamic Imports in ES2020

Published: December 28, 2020

One of the most exciting new features, for me, in ES2020 is the ability to dynamically import your files. This means that rather than importing all your potentially necessary files at the top of your file, you can just import files based on need. Imports Import was introduced in ES2015, since then we have been able to natively load our modules in our code…

Read full post

How to keep your SSH sessions alive

Published: October 06, 2020

As a developer, a lot of my work is remote on a server, especially since COVID-19 has made even more work remote. So I always have several SSH sessions open. A pet peeve of mine is coming back to a terminal, pasting in a command, only to see it unresponsive. Luckily, there is an easy fix. Client Configuration The fix is we have to configure the SSH daemon to…

Read full post

Welcome To My Web Developer Blog

Published: August 20, 2020

Have you ever wanted to easily back up your data on WordPress, keep your content safe? Or are you concerned about your data security, or want an easy way to keep your database secure? Amazon Relational Database Service (RDS) is a managed solution that can solve these common concerns, and a whole lot more. What is WordPress WordPress is the most popular…

Read full post