JavaScript Kicks - JSK Daily for May 1, 2023

As TypeScript continues to grow in popularity, having a deep understanding of its features becomes increasingly important for developers. In this article, We will discuss TypeScript literal types, type widening and narrowing, and best practices for using literal types....

Bit

Almost four years ago, I wrote an introductory article on setting up Angular Elements when they were first introduced in Angular v6. In the years since, Angular has evolved eight times, with corresponding changes in web development. This brings us back to the need for continue...

Bit

In this comprehensive guide, we will elaborate how to create a range slider component in React js using the rc-slider package. An RC Slider is a special type of package used in React js to create intuitive user friendly range sliders. RC Slider can be integrated in class based...

Digamber Singh

In this article, I will discuss a common issue that I have encountered in React applications: the creation of single-use components that lack the versatility and elegance of a truly reusable component. Rather than designing components for specific use cases, it is more benefic...

Aral Roca

Today I am mourning. What am I mourning? Encapsulation. At least in my projects. As a library author, I've decided to avoid private class fields from now on and gradually refactor them out of my existing libraries. Why did I make such a drastic decision?...

JavaScript Kicks

The usual way to define a type of an object in TypeScript is using an object type: or an index signature: These are good ways to define object types. But Record , the third approach, has the benefit of being shorter and more readable. Let's see how to use it in your code....

Dmitri Pavlutin

Arrow functions are a relatively new feature in the world of JavaScript that allows for a more concise and expressive syntax when writing functions. Since their introduction in ES6 (ECMAScript 2015), arrow functions have become increasingly popular due to their ease of use and...

FardaKarim

Hoisting is a concept or behavior in JavaScript where the declaration of a function, variable, or class goes to the top of the scope they were defined in. What does this mean? Hoisting is a concept you may find in some programming languages (such as JavaScript) and not in others....

Dillion Megida 🚀

Many problems with website layouts happen when we don't write CSS with the same care we'd use when writing a JavaScript function. Let's look at how we can borrow best practices and ideas from writing good JavaScript functions for writing CSS....

Smashing Magazine

From our sponsor: Connect Design and Development to Deliver Better Customer Experiences with Applitools Centra. Have you ever come across a website with captivating visual effects and interactivity? One such website is alcre.co.kr, created by Eum Ray. It features a carousel th...

Codrops

Angular is a powerful framework for building modern, scalable web applications. However, one of the challenges developers face while building Angular applications is the size of the application bundle. Large bundle sizes can lead to slow page load times and a poor user experie...

sumit kr. singh

In React, components can be broadly classified into two types: Let's take a closer look at each type 🔎. Stateful components, also known as "class components", can maintain their own state. They are written as JavaScript classes and can handle user input, respond to events, an...

Vaiz

When creating functions, you can use two approaches: declaration and expression. What's the difference? When talking about functions in JavaScript, you would often hear function declarations and function expressions. Though these approaches are almost similar, they have notabl...

Dillion Megida 🚀

Explore the pros and cons of Flutter and React Native, the two most popular cross-platform frameworks, and determine which one is best suited for your next mobile app development project. Read on to discover key differences in performance, development time, community support, ...

In Plain English