JavaScript Kicks - JSK Daily for Jan 19, 2021

Coding minimalist creative coding work has always been my escape from the sense of having to be perfect from my day job. During the past holidays, I found myself coming up with coding a few English idioms (don't worry, I still got to relax, too!)....

Frontend Weekly

tl;dr: The goal here was to save input values on the fly, in order for the web page to be used as a real-time collaboration tool. And I'll explain the problems I ran into. I was asked to code a......

Cedric Nicoloso

A Continuous Deployment Pipeline is essential for modern application development. It helps you automate the delivery of your application as soon as the developers commit code. That will, in turn, help your team focus on building features that matter to the business, and not wo...

Bit

useEffect() React hook manages the side-effects like fetching over the network, manipulating DOM directly, starting and ending timers. While the useEffect() is, alongside with useState() (the one that manages state), is one of the most used hooks, it requires some time to fami...

Dmitri Pavlutin

One of the simplest ways to make money from apps is through Advertisements. Hence, we have a popular ads network for mobile that is Admob. There are many ways to implement ads in our app. We can simply pick some ideas from the play store and implement them....

kris

On my 2021-01-18 livestream, I learned about drag-and-drop using the HTML5 draggable attribute: Set draggable to true to make an element draggable: Use the dragstart event attribute to set the drag data: Or add the event listener using JavaScript: Use the dragover event attrib...

JavaScript In Plain English

Okay, so I assume you have heard of the almighty DOM - that's why you are here, right? If you are finding it difficult, I can assure you that after reading this article, you will feel comfortable enough with the whole DOM manipulation thing....

Master👑💻

There are several news APIs to choose from when building a news app with React and I decided to check out the New York Times API because NYT is one of my favorites news sources and also because the documentation was quite detailed....

Isabel Hong

In JavaScript, a debounce function makes sure that your code is only triggered once per user input. Search box suggestions, text-field auto-saves, and eliminating double-button clicks are all use cases for debounce. In this tutorial, we'll learn how to create a debounce functi...

Ondrabus

In this tutorial, we'll learn how to find the number of vowels in a string with JavaScript. This is a problem you might be asked in junior developer job interviews, and it's also a CodeWars problem. Before we get started coding, let's read over the problem description...

Madison Kanna

As crappy as 2020 was, JavaScript as a whole still managed to somehow move forward. As the language itself keeps improving thanks to new features like Optional Chaining and Nullish Coalescing, TypeScript's widespread adoption is taking things to a whole other level by populari...

StateOfJS

Imagine you're a DevOps engineer and you are responsible to grant access to the database, which could be known as Database Administrator as well. However, it's a new year and your company management decided to restructure the team. Someone from the team trying to change his role....

Tek Loon

This week the algorithm I'll be focusing on has to do with creating a sum of numbers as they stack up on top of each other in a given array. What do I mean? Well think of it this way: What's......

Irene Scott

Now that we get the gist, let's get into the nitty gritty. The first thing I like to do when writing out my bubble sort function is to immediately define a "swap" function to switch elements in an array. The swap function takes in 3 arguments: array, index1, and index2....

JavaScript In Plain English

So you want to use useState and useContext as a state management solution, but every time the value of the context provider changes the entire tree gets re-rendered. You could use a library like Recoil, Valtio, Zustand, and Jotai to get around this problem, but you'd have to c...

Jack Herrington