JavaScript Kicks - JSK Daily for Jan 25, 2022

Porkbun.com is a refreshingly different domain name registrar with the tools and guidance you need to stake your claim online. Porkbun domains give you full creative expression backed by heightened security and comprehensive support. Plus, with convenient hosting solutions f...

Porkbun

A few articles ago, we learned how to Get Started with JavaScript's native Fetch API. This promise-based API allowed us to asynchronously make HTTP requests to fetch resources available on the internet. And by making such requests, we can enhance our own websites and applicati...

Bit

Debounce delays the processing of a function bound to a certain user input event until a certain amount of time has passed. In other words the function is only executed once per specific user input event, even it the event is triggered multiple times....

Bit

Javascript Syntax Extension (JSX) , is a JavaScript extension developed and popularized by the React framework that allows you to structure the rendering of elements. It essentially makes it easier to write HTML code in React (describe the UI), and due to its flexibility, JSX ...

StackAbuse

Scroll-triggered events are very useful. There are libraries to create them but let's look at how to do it ourselves with a small handful of JavaScript....

CSS-Tricks

A React tutorial which teaches you how to use Authentication in React Router 6. The code for this React Router v6 tutorial can be found over here. In order to get you started, create a new React project (e.g. create-react-app). Afterward, install React Router and read the foll...

Robin Wieruch

In this tutorial, we will show you how to create a dynamic form in React app. To create the custom dynamic form in the React functional component, we will use React hooks, React hook form, yup, Bootstrap packages, and module libraries....

Digamber Singh

Temporal Dead Zone and Hoisting are two essential terms in JavaScript. But understanding how they work can easily confuse you if you don't approach them properly. But don't fret! This article is here to help you get a good grasp of the two terms. So relax, grab your favorite cup...

Oluwatobi Sofela

You've written some code, tested, and shipped to production. Then you never have to modify that code again. Wouldn't that be great? But putting the dreams aside... you have to modify, even multiple times, the code that has been written. And this in my opinion one of the greate...

Dmitri Pavlutin

When it comes to creating front-end interfaces, you can choose from numerous frameworks and libraries to work with. Not every framework or library can handle every need, though, which means you'll need to familiarize yourself with as many of them as possible....

Ajay Kapoor

Almost half of the frontend projects based in JavaScript nowadays are written using these two huge and recognized frameworks. The world of web development strongly depends on this technology, and you......

Matteo Possamai

Github Pages is a great way to publish your own website for free. Each user gets one page with a URL. For instance, user "fzappa" would have https://fzappa.github.io available to them. The drawback is if you follow the instructions on the Github Pages site you are only buildin...

John Troutman

Objects are a data structure in JavaScript like arrays but the difference is that objects are useful when we want to store data that is unordered or where preserving the order of our data does not matter. As an example, if you wanted to store details about a dog, whilst we cou...

codecupdev

Two-way binding allows creating synchronization between 2 entities, for example, application data and view. React out of the box, provides an api to get one-way binding. When we want to mutate the state, we need explicitly call updating callback: This is done to provide owner ...

Frontend Weekly