In this article, we will look at sorting an array alphabetically in JavaScript. We will cover both arrays with strings and arrays with objects. Sorting an Array with Strings When sorting an array, we can use the sort method. This is pretty simple. We only need to use the sort method without any parameters. Beware…
In this tutorial, I will show you how to programmatically set the focus to an input element using React.js and hooks. We will use two hooks, useRef and useEffect. Set up the Project All you need is a functional component. I have created a React app from scratch using create-react-app. Then replace everything inside the…
Ant Design is a popular React UI library with many styled components ready for use. To get started, let’s create a new react app from scratch: Open your code editor in the ant-tutorial folder Start the react app by typing npm start This will launch the default react app. Install ant design by installing the…
In this article, we are going to create a simple express backend. The express app will connect to a MongoDB database in the cloud with CRUD operations. We will use Mongoose to create models with schema validation. We will host our database in the cloud with MongoDB Atlas. At the end we will test our…
How to Create a Date We create a new date by newing up a Date object. There are four ways to initialize a Date object: #1 Empty constructor This will give you the current date in GMT. #2 With string as an argument #3 milliseconds as an argument The argument here is the number of…
In this article, I will show you how to get started with ESLint in Visual Studio Code. Linting tools automatically analyze your code for errors and formatting issues. This is great for keeping your code nice and tidy while also warning you for potential errors. If you are working in teams, this is a great…
In this article, we will cover: How to install NPM packages from the command line with the most important parameters. How to find outdated NPM packages How to update NPM packages How to uninstall NPM packages How to Install NPM packages First, fire up any terminal. I use the integrated terminal from VS Code. You…
So you have an array with a bunch of values you want to sum up. To do that, we will use the reduce method. The reduce() method reduces an array and returns a single value. The reduce() method will iterate through every element in the array. We use two parameters. The first is a function…
There are different ways to round a number in JavaScript: Math.round – This follows the standard rounding rules. If the number is X.5 or higher, it will round up to the closest whole number. Else it will round down. Math.floor – This will always round down to the closest whole number. Math.ceil – This will…
This article will show you how to check if a checkbox is checked in regular JavaScript. When I was googling this topic, I saw that most of the results showed how to use JQuery to verify checkboxes. After some research, I discovered that it was very easy to do this in Vanilla JavaScript. I’m not…
