JavaScript Kicks - JSK Daily for Jul 18, 2022

Key takeaways: Most design systems take a centralized, "one-size-fits-all" approach that fails to meet the diverse real-world requirements of every team and product. Instead of a monolithic library, go "Ikea": build and distribute independent components including UI components...

Bit

As developers, we use URL rewrites for different reasons in an application. For example, sometimes, we rewrite URLs into short form to facilitate memorizing them. On the other hand, we can use keywords in the URL to make them SEO friendly. Besides, with Next.js, URL paths are ...

Bit

Quick summary ↬ Among all possible architectures for rendering a website, static rendering is the most performant. Yet, it's only applicable to public, generic content. Or is it? In this article, we will push the boundaries of static rendering and learn how to apply it to pers...

Smashing Magazine

Optional chaining is a feature in JavaScript which lets us access child properties of an object, even if the parent object doesn't exist. It's used when properties are optional on an object, so that instead of returning an error, we still get a result from Javascript. Let's lo...

JavaScript In Plain English

What the FileList API in JavaScript is capable of and how to use it....

Simon Ugorji

In this tutorial, we are going to learn how to create a simple live markdown editor in React js application using third party packages. To make the live markdown editor component in React, we will install and use react-markdown, @material-ui/icons, @material-ui/core, and react...

Digamber Singh

A guide on how to handle events in React & TypeScript...

Yogesh Datir

Say what you will, but since its introduction in 2009, Node.js has been the undisputed king of server-side Javascript. Created by Ryan Dahl, Node.js had virtually no competition for years. Until recently, the only person to truly challenge Node.js was Ryan Dahl with his runtim...

Dwayne Charrington

If you know what API keys are then you also know why is it important for us to protect them from being stolen. This can cause a lot of issues. Every developer should know how to hide their API keys....

Upmostly

Working code means happy customers. That's exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend...

JS Party

In this blog post, we learn how to work with file system paths on Node.js. Table of contents: In this blog post, we explore path-related functionality on Node.js: Most path-related functionality is in module 'node:path'. The global variable process has methods for changing the...

Axel Rauschmayer

To convert a string to a Date object, call the Date() constructor, passing the string as an argument, i.e., const date = new Date(str). For example: const str = '2022-06-15'; const date = new Date(str); console.log(date.getFullYear()); // 2022console.log(date.getDate()); // 15...

JavaScript In Plain English

Safari Technology Preview Release 149 is now available for download for macOS Monterey 12.3 or later and macOS Ventura beta. Updates to Safari Technology Preview are no longer available for macOS Big Sur. If you already have Safari Technology Preview installed, you can update ...

WebKit

I have written about a similar concept on which multicast operators you can use to ensure that an HTTP request is executed just once and the response is shared between multiple observers irrespective of when they subscribe. Here the HTTP request is not executed inside a method...

Ramya Balasubramanian