How to Fix the “Cannot access before initialization” Reference Error in JavaScript

How to Add an Event listener for When an Element Becomes Visible with JavaScript?

The options object has the rootMargin which is the margin for when the element is considered to be visible. We pass in a callback into IntersectionObserver which runs when the element we’re watching…

How To Solve Hydration Error In Next.js

Today, let’s talk about hydration error that often occurs in Next.js. Most of us used Next.js must be familiar with the following error: The reason for the error has been clearly stated in the error…

Const vs. Function For React Functional Components

For some time now I have been wondering if there is a benefit to using function over const when declaring functional components, and vice versa. So, I decided to do a little research, and I will sum…

How to Check if a Value is Within a Range of Numbers in JavaScript

We can use the JavaScript’s greater than or equal to and less than or equal to operators to check if a number is in between 2 numbers. We can use the JavaScript’s greater than or equal to and less…

How to Check if a String Contains Uppercase Letters in JavaScript

Learn how to easily check if a string contains capital letters in JavaScript.

5 Things We Can Do to Decrease Load Time of the React Application

1. Clean Unused Lines Of Code, 2. Clean Unused React Components, 3. Splitting Up Into Components, 4. Server - Side - Rendering, & 5. State Management

How to Put a Clear Button Inside an HTML Text Input Box

A guide on how to put a clear button inside an HTML input text box with JavaScript.

How To Store JSON Data In Local Storage - JS, React, Angular

Learn how to store data in localStorage in JavaScript, React, or Angular.

How to Build and Deploy a Cloud Native App

Build, Deploy and Run a Cloud-Native Application, built with JavaScript, Klotho, and AWS