All Posts
Value Types vs Reference types in JavaScript Explained
Published: January 17, 2021When 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 postHow to setup LESS with React without Ejecting
Published: January 10, 2021SASS 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 postCreating Reusable Components with useMemo
Published: January 04, 2021Today 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 postHandling multi-page API calls with React Hooks
Published: December 30, 2020Today 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 postHow to do Dark Mode with React Hooks
Published: December 29, 2020Dark 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 postHow to use Dynamic Imports in ES2020
Published: December 28, 2020One 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 postHow to keep your SSH sessions alive
Published: October 06, 2020As 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 postWelcome To My Web Developer Blog
Published: August 20, 2020Have 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