JSK Weekly - June 8, 2022

Do algorithms still confuse or intimidate you? Check out Germán Cocca's "Introduction to Algorithms – with JavaScript Examples."

Other popular stories this week include Sumankumar G's "Introducing License Key Validation for the Essential JS 2 Platforms" on Syncfusion, Jack Herrington's "React 18 useEffect Double Call for APIs: Emergency Fix" and Paul Rosset's "Advanced JavaScript Concepts that Helped Me Get Better at Coding" on Bits and Pieces.


Sharing Components at The Enterprise

Based on Fortune-500 case studies Digital enterprises will succeed based on their ability to deliver high-quality products and experiences in a fast, scalable, consistent, and efficient way. Sharing components and experiences is a highly-effective way to achieve these goals. It improves time to market, consistency, and ROI on software development.

Authored by: Bit

Introducing License Key Validation for the Essential JS 2 Platforms

Hooray! Essential Studio 2022 Volume 1 is here with exciting new features and controls! In this release, we have introduced license key validation in our Essential JS 2 platforms, namely JavaScript, Angular, React, and Vue. Previously, we didn’t enforce license key validation even though our Essential JS 2 component library is a commercial offering.

Authored by: Syncfusion

The Case For Prisma In The Jamstack

In this article, Sam Poder explores how Prisma integrates with the Jamstack and why it's a great solution for Serverless databases in JavaScript or TypeScript-based projects.

Authored by: Smashing Magazine

Event-Based Asynchronous Programming

Our previous article covered Thread-based asynchronous programming. As we move forward, let’s examine the true non-blocking nature of asynchronous programming and how IO interrupts as events are used to make systems that can withstand tremendous workloads.

Authored by: Bit

Using Non-SSR Friendly Components with Next.js

Next.js has become one of the most popular frameworks in the React ecosystem. It facilitates developing Server-side rendered (SSR) React apps without starting over with create-react-app. Next.js...

Authored by: Bit


Advanced JavaScript Concepts that Helped Me Get Better at Coding

JavaScript is one of the most dynamic languages out there. Multiple features are added to make the language more manageable and practical each year. In this blog post, we are going through some recent features added to the language and some tricks that you could use in a daily coding journey that will help make you better at JavaScript coding.

Authored by: Bit

Introduction to Algorithms - with JavaScript Examples

Hi everyone! In this article we're going to take a look at algorithms, a key topic when it comes to computer science and software development. Algorithm is a fancy, sometimes intimidating, and often misunderstood word. It sounds like something really hard and complex, but actually it's nothing more than a

Authored by: German Cocca

Linked Lists in JavaScript

Linked lists are a data structure that is used to store data in a linear fashion. This means that the data is stored one after the other, with each item being linked to the next item in the list. This can be very useful for storing data, especially when you need to access it in a specific order.

Authored by: JavaScript In Plain English

JavaScript Complete Array Guide

In this detailed blog, you will see and learn all the basic array methods and operations in JavaScript An array is a data structure that enables you to store a collection of items under a variable name, which may or may not be logically related. Usually, they are accessed by their index or key.

Authored by: Bit

Did you know that users can modify your JavaScript variables from Browser console?

Almost all the websites built nowadays have some JavaScript code running within them. You wouldn't believe how easy it is to mess with these scripts. If you too use client-side JS to make backend calls, read along!

Authored by: Avikalp Kumar Gupta

Code a Shopping Cart with JavaScript (no libraries)

There are thousands of JavaScript libraries and frameworks. But when you are trying to improve your JavaScript skills, it can sometimes be helpful to create a project using no libraries and no frameworks. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to code

Authored by: Beau Carnes

85 JavaScript Code Assists for Visual Studio Code

JavaScript programming in an editor such as Visual Studio Code typically involves a lot of manual text editing, with the occasional copy-paste keyboard shortcuts or multi-cursor changes. Code assists such as refactorings, code actions, and quick fixes are another tool in this repertoire.

Authored by: Lars Grammel


TypeScript with React: A Retrospective (TL;DR - It's Awesome!)

When I first started writing JavaScript, coming from C++, my mind was blown. I felt the same way I felt when I left the army to rejoin the "real world!" - after all this time I'd spent in the known, disciplined, straightforward, and well-defined environment, I struggled to comprehend this seemingly chaotic jungle.

Authored by: Yochay Doutsh


Efficiently Bind Data to the Angular Data Grid and Perform CRUD Operations Using GraphQL

This blog post will guide you in using GraphQL to bind data to the Syncfusion Angular Data Grid component and perform sorting, filtering, and CRUD actions.

Authored by: Syncfusion

The Basics of Angular Component Inheritance

Inheritance, in any programming language, is an excellent way to maintain an object-oriented design, as well as reduce redundant code. It may not be apparent when first learning the Angular framework, but components can inherit from other components, thereby reusing methods and properties.

Authored by: JavaScript In Plain English

How to Convert Your Angular App into a PWA (2022)

Have you heard about the PWA success stories out there? Starbucks, for example, was able to reduce the size of their app by 99.84% when they switched from their iOS app to a PWA. You can read a detailed case study here. And Pinterest leapfrogged their ad revenue by 44%.

Authored by: JavaScript In Plain English


What Is React Containment and Children Prop? - Upmostly

Sometimes when writing React components you don't know ahead what are going to be its children ahead of time. In this case, you would really benefit from knowing how to use the children prop. Let's take a quick look at how we can apply this pattern in React applications.

Authored by: Upmostly

React 18 useEffect Double Call for APIs: Emergency Fix

So you've upgraded to React 18, enabled strict mode, and now all of your useEffects are getting called twice. Which would normally be fine, but you have API calls in your useEffects so you're seeing double traffic in development mode. Sound familiar? No problem, I've got your back with a bunch of potential fixes.

Authored by: Jack Herrington

React Hooks -  useReducer() - A Detailed Look

React Hooks are JavaScript functions added to React version 16.8. The useReducer() hook is similar to the useState() hook. It is generally preferred when a complex state logic involves multiple sub-values or when the next state depends on the previous one.

Authored by: Yagnik Kardani

Theming Components with React and Design Tokens

The holy grail of webdev is a scalable frontend - moving away from monolithic design patterns, decoupling the look and feel of components from their underlying logic and systems. This is an organizational problem facing engineering and design teams alike. Creating a library of reusable components alone can't solve it.

Authored by: JavaScript In Plain English


Why I prefer Vue over Angular: DOM Pollution

One of the reasons I prefer front end frameworks like Vue and React over Angular, is what I like to call DOM Pollution. Unlike Vue and React, which use a virtual DOM, Angular today uses incremental rendering. Each has its pros and cons, but without a virtual DOM the components need to be represented in the browser's "real" DOM.

Authored by: Unicorn Utterances


Logging Solutions for Node.js

Logging is an essential part of building modern web applications. It helps developers investigate various application issues and find solutions quickly. However, developers often ignore using login in applications and spend unnecessary debugging time. So, in this article, I will discuss the importance of logging and different login solutions available for Node.js to speed up your debugging process.

Authored by: Bit

How to Fetch / Show Data from MySQL Database in Node Js

Node Get and Show data from MySQL tutorial; When it comes to managing data, MySQL is the first choice of the developers. Obviously, certain requirements are always considered when choosing a tech stack. However, this MySQL always has the upper hand for storing a large number of records.

Authored by: Digamber Singh