JavaScript Kicks - JSK Daily for Oct 19, 2022

I've been doing two things of late - refactoring a ton of React code and reading up on software design patterns. While refactoring some old code, something I've been trying to make some pages load faster. This was the problem - I had to make five or six network calls to differ...

JavaScript In Plain English

Higher Order Components (HOC) is not a library or npm module used in React. Instead, it is just an advanced technique that is used in React to reuse component logic, as to avoid duplication. A Higher Order Component takes a functional component as an argument and returns an en...

Tirlochan Arora

React scroll to top button example; User experience is the primary reason that decides the future of your website. There are plenty of nuances that ensure your site's usability. Modern websites display a ton of content by scrolling vertically on websites to consume content....

Digamber Singh

In this article, you'll learn how to build a team to-do list with React.js and Socket.io. Users can create, read, and delete to-dos and add comments to each to-do via Socket.io. You'll also learn how to add notifications to the application when you create or delete a to-do item....

JavaScript In Plain English

To get the value of form input on submit in React: Create a state variable to store the value of the input. Set an onChange event handler on the input to update the state variable when the input's value changes. Set an onSubmit event handler on the form element....

Coding Beauty

This blog post covers the ECMAScript proposal "Decorators by Daniel Ehrenberg and Chris Garrett in its 2022-03 version (stage 3). A decorator is a function func that we can apply to classes and members of classes (such as methods) by putting @func before them. We will explore ...

Axel Rauschmayer

There are plenty of libraries out there that give you a set of WebComponents ready to use, but if you’re learning about them, it’s always interesting to understand how they work internally before you dive into importing 3rd party dependencies into your project. Check out "B...

JavaScript Kicks