JavaScript Kicks - JSK Daily for Feb 23, 2023

Lazy loading is one of the most common design patterns used in web and mobile development. It is widely used with frameworks like Angular and React to increase an application’s performance by reducing initial loading time....

Syncfusion

Have you ever wondered how big websites like Amazon or Netflix are able to deliver seamless user experiences across multiple pages? The answer lies in their use of microfrontend architecture. Microfrontend is an approach to building applications where the front-end is broken d...

Bit

JavaScript functions are a crucial part of the language, allowing developers to write reusable and modular code. However, there are some advanced concepts related to functions that may not be familiar to all developers. In this article, we'll explore some of the most powerful ...

Bit

Manfred Steyer talks with us about Micro Front Ends, when to consider using them, how they should be implemented, how mobile devices are affected, and considerations around UX. Direct link to the episode....

John Papa

Hooks are a feature introduced in React 16.8 that allow developers to use state and other React features without writing a class. This makes it easier to reuse code between components and can improve the readability and maintainability of your code. There are several different...

JavaScript In Plain English

When you want to conditionally add the element inside the array you will probably do something like this: Inside the example above, an array is created, and then every condition is checked with appropriate if statement....

JavaScript In Plain English

If you're distributing a package, say a plugin, you may want to test it against multiple Node versions (especially if you're using Jest for tests). In my situation, I have a popular plugin for Aurelia called Aurelia Google Maps. It's for Aurelia 1, but many people use it, so I...

Dwayne Charrington

If you're coding in JavaScript, chances are you've come across the need to merge two or more arrays. And while there's no one-size-fits-all approach to combining arrays, there are a few different ways you can go about it. In this article, we'll be talking about five easy ways ...

Rahul⚡️

React is a popular JavaScript library for building user interfaces. One of the critical features of React is its ability to manage state and render components efficiently. To help with this, React provides two hooks, useCallback and useMemo, which allows developers to control ...

Amnah Khatun

I hate to be "that guy" that publishes a blog post and says, "Stop using X" and "Why you should be using X instead", but after a recent situation in some code I wrote ages ago and updated, I felt it was worthy writing a blog post about why you should use globalThis instead....

Dwayne Charrington

Safari Technology Preview Release 164 is now available for download for macOS Monterey 12.3 or later and macOS Ventura....

WebKit

If you're someone who's worked on front-end projects for a while, I'm sure you must have come across the term "Web components". But what exactly does it mean? If it's just components on the web, we've already been doing that for a while now using a bunch of front-end frameworks....

ding