Web Development
How to Download Files with JavaScript
Support for downloading files is a very common feature of web application. Over the past few years, I have developed this feature many times. In this article, we will learn how to download files…
Creating JavaScript functions and web apps with GPT-3’s free code writer
The new wave of GPT “3.5” models also includes a more powerful davinci model, now version 003, and a new model specialized for writing code, called code-davinci-002. For the moment, this model is…
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…
5 Ways to Download Front-end Files
1. a label, 2. window.open, 3. location.href, 4. location.? Other properties, and 5. XMLHttpRequest. What are the pros and cons of each method?
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…
Batch Updates in React 17 or Earlier Versions
React batch updates for multiple setState() calls inside setTimeout, promises, and native event handlers
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.
Angular DOM Manipulation: ElementRef, TemplateRef, and ViewContainerRef
An overview of elements, templates, views, and view containers in Angular and how to modify the DOM programmatically.