We all must be familiar with using React hooks. But have you ever wondered when should you use the useEffect hook and the useLayoutEffect hook? In this article, I’ll explain the use cases for the right usage for each of these hooks.

Actually, both of these hooks basically do the same thing, but they have slightly different use cases. But before moving into these differences, let’s first understand a few terminologies.

• Render — means computing the styles for each DOM node.
• Paint — means the content is displayed/updated on the screen.

useEffect

Most of the time, you might want to use…

In this article, I gathered some JavaScript tricks that I believe can make you a better JavaScript developer. In no particular order, here are eight JavaScript tricks for you!

1. Swapping two variables

There is a one-liner to swap two variables in JavaScript and here it is:

let first = 'hello', last = 'bye';
[first, last] = [last, first];
// first = 'bye', last = 'hello'

The above code creates an array of [last, first] and immediately destructures them into the opposite variables.

So there is no need for temporary variables anymore!

2. Remove array duplicates

You don’t have to loop through the array, use a map and…

In almost every front-end applications we make API calls. Two most popular ways of making HTTP requests are either by using Fetch API or Axios library. If you have not read my comparison on Axios Vs Fetch, please do check it out.

In this article, I’ll explain how to write a custom hook for Axios in React. By following this method, we can avoid repetition of the code in multiple places. Here are the following steps to implement it.

1. Make an API call in the component

Generally, all the APIs of an application have the same base URL. Here let’s set up our base URL for Axios…

Being a developer, there are often times when there are so many options, packages, and paths to follow and choose from. For example, when we are making HTTP requests, which way should we choose? In this article, I will cover the Axios library and the Fetch API and showcase their differences.

What are they?

When we want to communicate with servers through the HTTP protocol, we send out requests and the data is fetched — this process is famously called AJAX (Asynchronous JavaScript And XML). …

Most of us are used to writing JavaScript code for a long time. But we might not have updated ourselves with new features which can solve your issues with minimal code. These techniques can help you write clean and optimized JavaScript Code. Today, I’ll be summarizing some optimized JavaScript code snippets which can help you develop your skills.

1. Shorthand for if with multiple || conditions

if (fruit === 'apple' || fruit === 'orange' || fruit === 'banana' || fruit ==='grapes') {
    //code
}

Instead of using multiple || (OR) conditions, we can use an array with the values and use the includes() method.

if (['apple', 'orange', 'banana'…

Are you looking for the right database for your product? Are you confused if you should pick SQL or NoSQL? What if there is a product that has the best of both worlds? What’s that product you ask? — It’s HarperDB.

Why was I fascinated by HarperDB?

For someone who had learned SQL all my life and mostly worked with only SQL solutions, it was initially tough to get my head around MongoDB. Call me old school, but despite its advantages, I’ve always wondered why read operations were expensive if there are ways to avoid duplication if there were easier ways to get data from complex…

As a beginner, we try to get our code to work first but as we try to become a pro we should be wary of writing clean and efficient code. Writing clean code comes with a lot of practice and it’s a skill that every JavaScript developer must master. In this article, I will share with you a bunch of tips that will help you improve these skills in JavaScript.

1. Use includes() to avoid multiples checking

Having multiple ORs (||) and ANDs (&&) inside your if conditions can make your code look quite messy. So, try and avoid them if and when you can. Here’s a…

Did you hear about the recent Sudo vulnerability bug that was discovered? You might have because it was a recent sensation — CVE-2021–3156. This is a new severe bug that could affect Linux and Unix operating systems, it also affects MacOS. This bug could potentially allow root privileges without authentication for any unprivileged user — yes, it’s that severe.

“This vulnerability is perhaps the most significant sudo vulnerability in recent memory (both in terms of scope and impact) and has been hiding in plain sight for nearly 10 years” said Mehul Revankar, Vice President Product Management and Engineering, Qualys, VMDR…