JavaScript Kicks - JSK Daily for Jan 11, 2022

Want to scale up your engineering team? Bring your pull request automation to the next level using Mergify and secure your code using a merge queue. By saving time, you can focus on projects that matter. Trusted by engineers at Amazon, Mozilla, and Airtable....

Mergify

A step by step guide in creating appealing animations in real world web apps using GSAP. In this article we will clone the Abeg website (previous website)....

Bit

You might hate or love unit tests, that’s up to you, but the fact of the matter is that if you don’t understand the concepts behind them, you’ll be as efficient at writing test as I am at cooking and keeping a clean kitchen at the same time (spoiler alert: I make a mess every ...

Bit

A React tutorial about event bubbling and capturing. Most JavaScript developers may be already familiar with this topic, because it origins in JavaScript and its DOM API. However, in this article, I want to give some of guidance for event bubbling and capturing in React....

Robin Wieruch

If you followed the r/javascript or r/programming subreddits in the past few days you probably already read about the latest Open Source scandal to hit the JavaScript community: About a year ago, Marak - a prolific open-source author, wrote in the repository of his highly popu...

Naaman Hirschfeld

If you need to split up a string into an array of substrings, then you can use the JavaScript split() method. In this article, I will go over the JavaScript split() method and provide code examples. Basic Syntax of the split() methodHere is the syntax for the JavaScript split(...

Jessica Wilkins

How to tag your Cypress tests to make sure anyone can quickly test the changes. Let's say you have hundreds of end-to-end tests (this is our current situation at Mercari US). Running the tests in parallel makes the test run faster, but there is a problem....

Gleb Bahmutov

I love working with GitHub Actions. They're easy to use yet so powerful. I'm especially excited when I see how creative people are when using them to automate different tasks. I want you to have that same power. That's why I'm going to show you how to create your first...

Bassem Dghaidi

Have you ever visited a website and been totally blown away by its amazing features? One of them might be a cool mouse cursor that is different from the regular arrow or pointer cursors you are used to. This can really improve user experience, and lately I've been wondering how...

Frankie

Vuex is a library that stores data in a Vuex store, which acts as the source of data on states in a Vue application. This store contains a global state (set of properties) and functions ( getters, actions and mutations) used to read and alter the state....

StackAbuse

Dropdown is a valuable and prominent module, which is often used to select one option from the given list. But do you know how to build a dynamic dropdown module from scratch? This tutorial covers multiple concepts of React. In general, we will show you how to build a dropdown...

Digamber Singh

Part 1: What you'll be building. See live demo and Git Repo Here. The online demo uses the Ropsten test network. As the Web3 movement ripples throughout the world wide web, you must jump in as a developer and become one of the beneficiaries of this blockchain technology....

Darlington Gospel

Middleware can be identified as a function that executes between the request and response. It also has access to the request and response object. Let's try to understand the concept using a simple program written in Node.js. This has two routes. As you can see there is a funct...

Kanchana Gallage

In JavaScript, you can find the length of a String value by writing .length after the string variable or string literal. But examples are better than 1000 words. So let's see it in code: Code explanation: In the above code, we have two variables: 2....

Deep Space