JSK Weekly - April 21, 2021

It's a popular week for "How To's" this week! Let's kick off with "How to create an Authentication System using JWT and Node.js" by Ram Potabatti and "How to Build Restful APIs with Node.js, Express and MySQL" by Jaykrishnareddy.

If you're developing apps, have a look at Andrew Baisden's "How to Build Cross-Platform Apps Using React, React Native and Redux" and Janaka Ekanayake's "Web Share API for Modern Web Apps" on Bits and Pieces.


Web Share for Modern Web Apps

Have you ever come across the Web Share API? At least many of you may have heard of the term. Web Share API was out there for some time now. However, the initial support for Web Share API was limited...

Authored by: Bit

Server-Push in HTTP/2 with Express js

The problem with this is the server pushes the file every time the path is requested, even when the browser has cached them. And that is just one of the issues. To use server-push optimally for performance, some guidelines have to be followed. See Rules of Thumb for HTTP/2 Push for the details.

Authored by: JavaScript In Plain English

Web vs native - make the right choice in 2021

What platform should you develop for in 2021? Is Web the definite future and answer for everything? 🤔 #webdev #webdevelopment #javascript #typescript #reactjs #flutter #reactnative #nativescript #programming

Authored by: areknawo

Text Outline Animation with Three.js

Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL. In this ALL YOUR HTML coding session you'll learn how to code the text outline effect seen on cornrevolution.com with Three.js and some GLSL. The original website was created by Resn.

Authored by: Codrops

Implementing Redux from Scratch

User interaction dispatches an action --> The reducer updates the state based on the action --> Subscribed components update the UI based on the new state. Let's consider the following app: This is a just clean example of a Redux-based application. There is only one simple component that is connected to the Redux cycle (c ounter).

Authored by: Ayush Verma


An Introduction to LinkedList Operations in JavaScript

The Wikipedia definition is as follows: In computer science, a linked list is a linear collection of data elements whose order is not given by their physical placement in memory. Instead, each element points to the next. It is a data structure consisting of a collection of nodes which together represent a sequence.

Authored by: JavaScript In Plain English

50 JavaScript Output-related Interview Questions

Answer - 10 Explanation - With the var keyword, you can declare multiple variables with the same name. The variable will then hold the latest value. You cannot do this with let or const since they're block-scoped. Answer - undefined and ReferenceError Explanation - Within the function, we first declare the name variable with the var keyword.

Authored by: Ayush Verma

JavaScript Append to Array: a JS Guide to the Push Method

Sometimes you need to append one or more new values at the end of an array. In this situation the push() method is what you need. The push() method will add one or more arguments at the end of an array in JavaScript: let arr = [0, 1, 2, 3]; arr.

Authored by: Il Mago


Navigating and managing data structures is a really important skill for every level of engineer to have and improve upon. Over the years, the JavaScript language has continued to provide more methods for managing data structures, from Object.keys to Object.values and so on. One of my favorites is Object.entries, an API that provides the keys ...

Authored by: David Walsh

How the Stack Data Structure Works in JavaScript

The stack data structure is great in tracking things in an order that allows you to trace back to the origin. When you control-z or undo something, click the back or forward browser button - when your code editor tells you are missing a closing parenthesis on line 13 - you may be dealing with some sort of stack data structure.

Authored by: Before Semicolon

How to Interchange Promises with Async/Await in JavaScript

From my blog. One of the things that makes JavaScript so powerful is the way it handles asynchronous behavior. From the very beginning, JavaScript has used callbacks as a way of handling a response that may take a while to complete, without preventing your program from continuing to process other logic.

Authored by: davidfekke

Big O Performance of Arrays and Objects in JavaScript

The efficiency of the program would be directly relying on Time Complexity when we deal with a huge amount of data to perform operations like searching, sorting, access, insertion and removal of an element. We could selectively use objects and arrays based on the need to enhance the performance.

Authored by: JavaScript In Plain English


Create Ionic 5 Angular Blog Site using WordPress REST API - positronX.io

How to Consume WordPress REST API in Ionic 5 Angular App? This comprehensive tutorial will explain how to create a basic Ionic 5 Angular blog app using the WordPress REST API through the HTTP client module API. WordPress is not just a name but a vast locus of small and large websites; Ideally, almost half [...]

Authored by: Digamber Singh

Create and Deploy a PWA with Angular: Step by Step Guide

This tutorial uses Bit's stable version. Bit's latest beta release ("Bit Harmony") has changed quite drastically. Find out more about it in the docs here. Progressive Web Applications (PWAs) are an exciting piece of technology that has the potential of transforming the way we develop web and mobile apps.

Authored by: JavaScript Kicks

Using The URL As The Source Of Truth During Search In AngularJS 1.2.22

As of late, I've been building-out a number of Search-style pages at InVision in our legacy AngularJS platform. These search pages tend to include an open-ended keyword search in addition to several discrete filters that can be applied in parallel.

Authored by: Ben Nadel


What Every React Developer Should Know About State

One of the most important concepts for every React developer to understand is state - what it is, how to properly use it, and how to avoid common pitfalls as you build your applications. Let's cover five of the most essential parts of state that you need to know.

Authored by: Reed Barger

The Complete Guide to Hosting your React App on Firebase

How does it feel accessing Instagram from any where you want without any headache? Amazing right! Every web application out there emerges from a local host or production environment before it's brought to life online. In this tutorial, we'll be hosting your React app to firebase, for easy access whenever and wherever you want.

Authored by: Favour Agbejule

React Server Side Rendering with ReactJS.NET

Traditionally React server-side Rendering (SSR) or React DOM Server is introduced to render React elements in index.html for the initial page load. This allows the user to see something meaningful even before React starts to bootstrap in the browser. Besides, React Server Components (SC) is also around the corner to render React Components on the server-side on demand.

Authored by: Bit


How to Upload Files to an S3 Bucket in a Vue.js App and Save to MongoDB (A Beginner's Guide)

While building web applications, your users may need to upload files on the front-end. To view those files, you would need to implement an API and a database on the back-end to receive them. With the Node.js framework Express and the middleware Multer, you can establish file and image uploads in one setting.

Authored by: Faithful Ojebiyi 🗯️

A Guide to Vue 3's New Features and Changes

The Vue 3 Team has released an alpha version for developers so that they can use some of the features dispatched with Vue 3. It cannot be used in production. But it is always good to learn new features and figure out the bugs that should be resolved.

Authored by: MUHAMMAD AFZAAL..


How to create an Authentication System using JWT and Node.js

In this tutorial, you will learn everything about how you can use JSON Web Tokens (JWT) in Node.js to authenticate users. If you are not familiar with JWT, you can follow the link here - this explains everything about JWT with many interesting examples.

Authored by: JavaScript In Plain English

How to Build Restful APIs with Node.js, Express and MySQL

In this article, we are going to cover how to build APIs with Node.js, Express and MySQL. In this article, we are going to cover how to build APIs with Node.js, Express and MySQL. As we all know, JavaScript is the most popular language because we can easily build both front-end and back-end services with it.

Authored by: JavaScript In Plain English


Flaky Tests: Getting Rid Of A Living Nightmare In Testing

Unreliable tests are a living nightmare for anyone who writes automated tests or pays attention to the results. Flaky tests have even given folks nightmares and sleepless nights. In this article, Ramona Schwering shares her experiences to help you get out of this hell or avoid getting into it.

Authored by: Smashing Magazine

Functional Programming

How to Deploy Dynamic Cloud Functions in React and React Native with Easybase

Cloud functions are stateless, single-purpose code snippets that can be invoked programmatically or through other event-driven processes. These code snippets are not built into your application, as a traditional function would be. Rather, they are stored in a cloud container that is maintained by a provider. They can be edited

Authored by: freeCodeCamp.org

Solving a Mystery Behavior of parseInt() in JavaScript

parseInt() is a built-in JavaScript function that parses integers from numerical strings. For example, let's parse the integer from the numeric string '100': As expected, '100' is parsed to integer 100. parseInt(numericalString, radix) also accepts a second argument: the radix at which the numerical string argument is.

Authored by: Dmitri Pavlutin