JavaScript Kicks - JSK Daily for Aug 18, 2022

In any complex web application, it is necessary to have some sort of authentication to restrict certain users from accessing specific, unauthorized pages. For example, in an online shopping platform, a customer should not be able to access an administrator’s page....

Syncfusion

We have all encountered chat over the web, that can be Facebook, Instagram, WhatsApp and the list goes on. Just to give a bit of context, you send a message to a person or a group, they see the message and reply back. Simple yet complex....

Bit

When measuring a string in JavaScript, string.length comes to mind. However, that property does not tell the full story. Strings have many sizes: code units, code points, bytes, pixels, terminal columns. Let's dive into their differences. Each string element in JavaScript is a...

Bit

1. How to use reactive API, 2. How to use the ref API, 3. Can reactive be used on deep objects or arrays, 4. Is the reactive return value equal to the source object, 5. How does TypeScript write ref and reactive parameter types, 6. ref values as reactive parameters....

Chris1993

Yesterday, I looked at using the Range class to detect line-breaks in a text-node within the DOM (Document Object Model). Normally, you don't need to think about the line breaks that the user is seeing in the browser. However, I have a use-case in which I need to render said t...

Ben Nadel

Now that we are familiar with setting up your React Native mobile application navigation with TypeScript. Let's take it further by setting up nested navigation with full type-check. Let's extend the 3 screens (Home, Profile, Settings) with another screen named Feeds in a diffe...

Joseph Oluwayomi Ajibodu

In this article, you'll learn about the concept of observability, why it's essential in modern software delivery, and how the three pillars of observability (metrics, tracing, and logging) work together to provide a complete picture of what's going on in cloud-native apps....

Kentaro Wakayama

The Vue.js ecosystem has evolved in the past few years, especially with Vue 3 becoming the default Version as of Monday, February 7, 2022 . This post will focus mainly on the tools that revolve around the Vue 3 ecosystem....

E J I R O

Quick summary ↬ React popularized the idea of context-propagation within our applications with its context API, an alternative to prop-drilling and synchronizing states across different parts of the apps. This article brings a brief intro to context propagation in JavaScript a...

Smashing Magazine

Have you ever been in a situation where you had a lot to do but didn't know where to start? Well, This is a common thing among us humans. Not knowing what to do can lead to procrastination or reduced productivity....

JavaScript In Plain English

A tutorial on storing different datatypes in the localStorage API in JavaScript...

Naveenkumar M

Learn how to declare arrow functions and become a better web developer....

Jesús Lagares

In this guide we'll be going over how to use .env variables in Vue, and how to have specific .env files per environment....

JavaScript In Plain English

This article was first published on tutorialsforangular.com. Tutorials for Angular was acquired by Upmostly in July 2022. I've seen some diabolical ways Angular developers have tried to "subscribe to an observable.. but return that same observable", or at least that's how it w...

Upmostly