JavaScript Kicks - JSK Daily for Feb 2, 2021

Since my article on downloading files with Angular was well received, I've decided to also show how to apply the same pattern for uploads. Uploading files is again a common interaction with web apps....

Nils Mehlhorn

Let's define and call a regular function: The function keyword followed by its name, params, and body: function greet(who) {...} makes a regular function definition. greet('World') is the regular function invocation. The function greet('World') accepts data from the argument. ...

Dmitri Pavlutin

Color generators are popular among Web Designer. There is many sites that provide free color generators such as: In this article, I want to share about how to make your own random color generator using Vanilla JavaScript. The main is finding how to make string that contain hex...

Handhika Yanuar P

JSX is one of the core concepts of React. So if you understand it well, you'll be able to write better React code. In this article, we'll explore: What is JSX in React and how to use itHow JSX is transformed to React.createElementWhat is a JSX expression and what...

Yogesh Chavan

I was actually looking for a way to automate the boring stuff I had to do on several web pages when I stumbled upon Puppeteer. Yes...no, I am not talking about that dude who manipulates dolls, but yes, a piece of software for browser automation!...

Kenneth Jimmy

According to https://www.typescriptlang.org/, TypeScript is an open-source language which builds on JavaScript, one of the world's most used tools, by adding static type definitions. Browsers, by default, do not understand TypeScript. After writing TypeScript code, we have to ...

JavaScript In Plain English

Avoid clashing global types between Cypress and Jest by using local-cypress library. Global variables are the worst thing in programming, but they are common in test runners due to history. Before the invention of bundlers, we used to include the test runner's script before th...

Gleb Bahmutov

The useCallback React hook is a useful hook that can help in optimizing the rendering performance of our functional React components. It is used to memoize functions which means it caches the return value of a function given a set of input parameters....

saransh kataria

Have you ever heard the word "API," and wondered exactly what it is? Do you have a vague idea of what it does or what it is used for? This is something that you will encounter when you first start......

Somnath Singh

Axios is a promise-based HTTP client for the browser and node.js. It comes with many useful defaults like automatically detecting JSON responses and returning an object instead of plain text, throwing an error if the response status code is greater than 400....

Khaled Garbaya

With Raygun Error and Performance Monitoring you have all the information you need at your fingertips to quickly find and fix errors and performance issues across your tech stack down to the line of code. Get started with a free 14-day trial, head to raygun.com and join thousa...

JS Party

Here's an old pattern that seems to be making a comeback: Where the implementation of toReadableNumber is like this: Everything works great until some-library is updated, then everything breaks. But it isn't some-library's fault - they never designed toReadableNumber to be a c...

Jake Archibald