JSK Weekly - 13 September , 2023

React.js uses a number of unique concepts that can initially seem a bit confusing. One such concept is the use of keys, particularly when working with component arrays. Why and how do we use these keys? Check out Scott Robinson's "Understanding Unique Keys for Array Children in React.js" for all the details.

Other popular stories this week include "What’s New in 2022 Volume 4: Essential JS 2" on Syncfusion, "Page Transitions In Next.js 13 With App Router And The Built-In View Transitions API (No Third-Party Libraries)" and "A new method to validate URLs in JavaScript (2023 edition)".


What’s New in 2022 Volume 4: Essential JS 2

We are excited to announce the fourth and final release for the year, 2022 Vol. 4, for Essential JS 2. This release includes a range of new features and updates across multiple components. We have added a new control, marked several controls as production-ready, and made several improvements and enhancements to the existing components.

Authored by: Syncfusion

Page Transitions In Next.js 13 With App Router And The Built-In View Transitions API (No Third-Party Libraries)

After we have successfully talked about using the View Transitions API with the Vanilla JavaScript and then with ReactJS, to animate transitions between different routes (or views) of our application, We will go step by step in a new tutorial with the same subject, But now we will use NextJS 13 with the new App Router structure, All that using only CSS, no extra third-party libraries are needed.

Authored by: BENYAHIA Adel

Do You Know What core-js Does?

core-js is the most famous for ES standards polyfill. Polyfill means that when the browser does not support a certain latest API, it will help you implement it. It is called a shim in Chinese. You...

Authored by: Biscuit

Implement a secure web application using nx Standalone Angular and an ASP.NET Core server

This article shows how to implement a secure web application using Angular and ASP.NET Core. The web application implements the backend for frontend security architecture (BFF) and deploys both technical stack distributions as one web application. HTTP only secure cookies are used to persist the session.

Authored by: damienbod

Release Notes for Safari Technology Preview 178

Safari Technology Preview Release 178 is now available for download for macOS Sonoma beta and macOS Ventura.

Authored by: WebKit


Using Labeled Loops In JavaScript

Ben Nadel explores labeled loops in JavaScript, exerting control flow on an outer loop from within an inner loop context.

Authored by: Ben Nadel

Manipulating CSS Pseudo-Elements ::before and ::after Using JavaScript/jQuery

In this article we'll be showing how to select and manipulate CSS pseudo-elements, specifically ::before and ::after, using JavaScript and jQuery. As a web dev...

Authored by: StackAbuse

A new method to validate URLs in JavaScript (2023 edition)

Learn how to validate URLs with the new static JavaScript method `URL.canParse`.

Authored by: stefan judis

How to Build Voc Flashcards Tool to Help You Learn Language with HTML/CSS/JavaScript?

In this series of articles, we will show you how to build your own language practice tool, vocabulary flashcards via HTML/ CSS /JS. You can build your vocabulary database in Google Sheet and access...

Authored by: JavaScript Kicks

How JavaScript String Concatenation Works - the "+" Operator vs the "+=" Operator

String concatenation is a common task that we do often. String concatenation is the operation of joining character strings end-to-end. For example, the concatenation of "snow" and "ball" is "snowball". In this article, I will be showing two methods by which you can concatenate strings in JavaScript. I will also

Authored by: Md. Fahim Bin Amin (He/Him)

Sum an Array of Numbers with JavaScript

It's rare that I'm disappointed by the JavaScript language not having a function that I need. One such case was summing an array of numbers -- I was

Authored by: David Walsh

Print Circular Structures in JSON Format in JavaScript

Dealing with data structures in JavaScript can sometimes be tricky, especially when we encounter things like circular structures. In this article, we'll explor...

Authored by: StackAbuse

Mastering JavaScript ES6: Unleash the Power of Modern Coding Techniques!

JavaScript, a language extensively employed in web development, has seen widespread usage. Its most recent iteration, ECMAScript 6 (ES6), arrives with a multitude of features and enhancements in...

Authored by: FardaKarim

Exploring JavaScript Objects Using 'for... in' and 'for... of'

Imagine you want to build a catalogue that has different creators' details. This means you would like to create an object. For our example below, I tried to represent an object that holds all a...

Authored by: In Plain English


Infinite Scrolling in Angular: A hassle-free implementation

Unveil the power of infinite scrolling in Angular with this step-by-step tutorial! No matter your skill level, I'll guide you through a hassle-free implementation process that will elevate user...

Authored by: In Plain English


From Zero to Hello World in React

Objective: The only goal of this post is to create a web page with the words "Hello World" in a React app. https://react.dev/learn this is your bible - and I believe the black background was...

Authored by: Tiya

Understanding Unique Keys for Array Children in React.js

React.js uses a number of unique concepts that can initially seem a bit confusing. One such concept is the use of keys, particularly when working with componen...

Authored by: StackAbuse


Lessons from Building with Vue 3 on Web Rush #250

Alexander Lichter talks with us about building with Vue 3 including the differences between the compositions API and options API, reusability vs components, how dependency injection works in Vue, whether you should href or reactive, and what Vue vine is?

Authored by: John Papa


How to Build an Online Image-to-PDF Converter with HTML, CSS, JS, and NodeJS

An online image-to-PDF converter is a website that helps you convert your images to PDFs. This tool is useful because it provides an efficient way to store your images. In this tutorial, you'll learn how you can create your online image-to-pdf converter with HTML, CSS, JavaScript, and NodeJS. Table of

Authored by: Gid 🥑