JavaScript Kicks - JSK Daily for Jul 25, 2022

5 ways in which SurveyJS, a free and open-source library, does so much more than just build surveys....

JavaScript In Plain English

In this article, you will know how you can get or fetch the data from the API. We will use the modern JavaScript Syntax to fetch the API data. In this article, we will fetch the data from the JSON......

Datt Panchal

In this article, we're going to learn how to convert a hexadecimal number to its decimal equivalent in JavaScript. And we'll look at some real-world scenarios where we'll need to do this. To convert a hex to decimal, call the parseInt() function, passing the hex and 16 as the ...

Coding Beauty

The Angular interceptor, also known as the HTTP interceptor, is one of my favorite HTTP features in Angular. The reason I like interceptors is that they promote clean code. You write a few lines of code in a single place, and they apply it globally to every HTTP request and re...

Vasileios Kagklis

In this article, we will integrate the Braintree API Gateway SDK along with Typescript Node.js and Express, and then we will create a frontend application using React and Typescript. With the help of this article, you can set up an integration that accepts credit/debit card pa...

Santosh Shinde

Did you know that you cannot use querySelectorAll() function on elements? By that I mean that the following code will in fact not return any results: const element = Object.assign(document.createElement("template"), { innerHTML: ` Hello world! ` }); alert(`Elements found: ${el...

JavaScript Kicks

In this guide, we are going to learn how to add dark mode and light mode in React application using Tailwind CSS 3. Not just that, we will also show you how to install and configure TailwindCSS 3 in React js app from absolute scratch....

Digamber Singh

For my personal website, I'm using Hygraph (aka GraphCMS) as a headless CMS. I'm using Server-Side Rendering (SSR) to fetch and generate the static page routes and content. Next.js allows us to update the static pages after the application is built....

Nextglabs

Publishing your Next.js app can sometimes be a pain. One of the key benefits of using the Next.JS framework to create your website is how straightforward it can make deployment, abstracting away the usual difficulties, and providing a free, easy to use hosting solution through...

Upmostly

How to set the "prefers-color-scheme" value in a Cypress test. Let's say our application has different styles depending on the media and the user's current prefers-color-scheme setting. In my example, the HTML page is normally uses the black text on the white background....

Gleb Bahmutov

In this tutorial, we will look at how to use Chart.js with React, we are going to display different types of charts - Line, Pie, and Bar charts. Then we will learn how we can pass data into these charts. Chart.js is the most popular library used for creating charts....

Upmostly

URL Shorteners are tools we use to make links shorter than they actually are. With a URL Shortener, you can transform a long link (maybe for a registration form or article) into a shorter version. Behind the scenes, the long and short versions of a given link have been stored ...

CSS-Tricks