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)".
General
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
JavaScript
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
Angular
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
React
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
Vue
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
Node.js
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 🥑