JavaScript Kicks - JSK Weekly - March 17, 2022

Knock-knock*, who's at the door? Authentication is a process of recognizing user identity. When a user enters their credentials (usually ...

Bit

Let's say you have a string of characters that you want to parse and assign to variables, ignoring bits of the data that are meaningless ...

JavaScript In Plain English

Learn how to enable JSDoc block based type checking in your JavaScript codebase....

stefan judis

How to collect TypeScript code coverage using Cypress End-to-End tests. 📦 you can find the source code for this blog post in the reposit...

Gleb Bahmutov

The new `dialog` element is more than a display toggle because it provides better focus handling, `inert` functionality and closes on key...

stefan judis

Getting your next site up and running with Svelte is simple with Fathym. Here, we'll work through the basics: A generic Svelte site and t...

Rich Kurtzman

In JavaScript, “this” will refer to the execution context for that specific call. What does that mean? When we invoke a function, an exec...

Bit

An object in JavaScript is an unordered collection of key-value pairs (key: value). Each key is known as a property, and is a string repr...

StackAbuse

"A language, whether natural (such as English) or artificial (such as Java), is a set of strings of characters from some alphabet. The st...

JavaScript In Plain English

From time to time, I bump into an article that perpetuates one of the oldest myths in our industry: " To stay effective/relevant/producti...

Hajime Yamasaki Vukelic

Callbacks are functions that are called back later. If you think I didn't explain anything in the previous sentence, I did emphasize one ...

Bit

In this article, I want to show you another 10 helpful one-liners in TypeScript. One-liners can be a helpful way to minimize your code. C...

Bit

mkdir my-node-project cd my-node-project Initialize your project by running: npm init -y Package.json file created Using the -y flag in t...

JavaScript In Plain English

Earlier this year, a new project came to my table. Some of my colleagues are TypeScript enthusiasts, mostly the young ones. I'm not judgi...

Cedric Nicoloso

According to the results of the annual survey of the State of Javascript, it doesn’t seem like React nor TypeScript is going anywhere any...

Bit

Mixins are a popular way of building up classes from reusable components by combining simpler partial classes. In this article we will de...

Bit

Performance optimization is an important factor in web development. React uses "memoization" as an optimization technique to speed up the...

Bit

In this step by step tutorial, we will help you learn how to integrate the file size validation in React filepond image or file upload co...

Digamber Singh

I recently built a "Typed Text" React component to use on my website. This component will take any text and animate it to look like it is...

Wil Staley

So lately I've been working on my small college React project - an app for simple reporting and fast data analyzing. That's why I've sear...

JavaScript In Plain English

Sometimes we need to pass data from a child component to parent component. For example we can have an input child component and a parent ...

Upmostly

React is a component-based library for developing user interfaces. We need components because we want to have customizable parts of UI, a...

Upmostly

"Even if you're writing code only for yourself, with no possibility of it being used in any way by anyone else, your future self will tha...

JavaScript In Plain English

I want to share my experiences in my Digital Garden in these articles. You can also read the first article (Design Extensible React Appli...

Onur Dayibasi EN

Ever wondered when you started coding as a beginner, and after a few months, the same piece of code you wrote becomes difficult to read o...

JavaScript In Plain English

Our next major version, React 18, is available today as a Release Candidate (RC). As we shared at React Conf, React 18 introduces feature...

React

The "scroll-to-top" feature is an excellent addition to any website that forces visitors to scroll a long distance before reaching the bo...

StackAbuse

useEffect is a React hook for side effects. Side effects or effects are the operations that can affect other components and can't be done...

Upmostly

If you have worked in the front-end scene for a while, you must have come across myriad state management tools. Some of these tools are s...

Bit

An Introduction to Vue.js development tools for web design and web development....

JavaScript In Plain English

This post is part of my Byte Series, where I document tips, tricks, and tools that I've found useful. As you are probably well aware, nod...

Elijah Manor

In this guide, we will show you how to generate XML file in the Node js application. To create the XML file in Node, we will use the XML ...

Digamber Singh

The web development industry is continuously growing, and new tools are emerging all the time. In order to stay ahead of the curve, it's ...

Frontend Weekly

Getting the Lighthouse performance metrics from a Cypress test. You can find the Cypress tests shown in this blog post in the repo bahmut...

Gleb Bahmutov

Let's create a function that can take any function as an argument, and return a curried version of that. If you need a review of what cur...

Bit

The bind method helps us with explicitly binding 'this' to the specified object. It basically lets us borrow a function that was meant fo...

Bit

Regular Function // Arrow Function with one parameter// Arrow function with two parametersconst greet = function (name) {const greet = na...

Ludivine Achouri