JSK Weekly - June 02, 2021

Welcome to June!

Some top stories this week include Shraddha Paghdar's "Promise in JavaScript (with All the Methods)", Minkyu Lee's "Physical Computing with JavaScript — Table of Contents" and "Enforce JavaScript Code Quality with Husky and Hooks" by Viduni Wickramarachchi on Bits and Pieces.


HarperDB vs MongoDB vs PostgreSQL

Many people learn or understand new things relative to things they already know. This makes sense, it's probably a natural instinct. When it comes to products and technology, a lot of people ask "how are you different," but different from what?

Authored by: livecodestream

How To Handle Routing with Express

In our previous tutorial, we identified how to perform validation in express using native JavaScript and also using the joi validation package. If you would want to check the tutorial on input validation with Express, please check the link down below.

Authored by: John Philip


How to Animate a Tilt action using JavaScript

I recently implemented the frost glass effect and a tilt animation on my website. If you are interested in implementing the glassmporphism, check out my last post: styling on frost glass effect. If you want to see the final live implementation, check out my website ( arturocreates.com).

Authored by: Arturo Lopez

How the JavaScript Event Loop Works

The Event Loop is the system that JavaScript uses in the browser to handle the execution of multiple pieces of code. It consists of the Call Stack, Web APIs, and the Callback Queue. It is responsible for giving JavaScript its asynchronous programming ability.

Authored by: JavaScript In Plain English

Promise in JavaScript (with All the Methods)

Promise.all() method takes an array of promises and returns a single promise, which is either resolved or rejected based on any iterable promise. It resolves if all the promises inside the array resolve and reject if any of the promises reject.

Authored by: JavaScript In Plain English

10 Tips to Improve Readability in JavaScript

📚 Console docs If you try the console.warn, you will get the trace which means that it is easier to debug the code. Let's try other console functions yourself.

Authored by: TrinhDinhHuy

Physical Computing with JavaScript - Table of Contents

Table of Contents for the series of articles on Physical Computing with JavaScript.

Authored by: JavaScript In Plain English

Type Conversion in JavaScript: The Magic

If you are a JavaScript developer then you must know JavaScript has three primitive types: , and But do you know, these types are being converted with each other to perform a certain program. This phenomenon is known as Type Conversion.

Authored by: Sarvesh Prajapati

Ensure JavaScript Code Quality with Husky and Hooks

Ensuring code quality is very important for a maintainable and scalable application. But how can we enforce these quality standards? Well, with JavaScript, you can use ESLint to define coding conventions and use Prettier for consistent code formatting. If you have these two configured, the first step is complete.

Authored by: Bit


The Composite Pattern for TypeScript Developers

This pattern is one of the simplest ones since there is really one component you need to worry about: the composite. A composite is a structure formed from other composites, together creating a tree-like structure... of composites (recursion, yey!).

Authored by: Bit


How to Cleanup Async Effects in React

The common asynchronous side-effects are: performing fetch requests to load data from a remote server, handle timers like setTimeout(), debounce or throttle functions, etc. Handling the side-effects in React is a medium-complexity task. However, from time to time you might have difficulties at the intersection of component lifecycle (initial render, mount, update, unmount) and the side-effect lifecycle (start, in progress, complete).

Authored by: Dmitri Pavlutin

If You're Not Considering These 6 Security Aspects, Your React Native App is in Deep Trouble

Storing user details: It is very important for every application to store some user details like AUTH token, user name, email, etc. in the device storage. Whenever you're doing so, never use JavaScript local storage, it will be very easy to get those values with simple hacks.

Authored by: JavaScript In Plain English

Dynamic vs Static Routing in React

Routing is a topic most of us are familiar with. However, SPA frameworks and routing libraries use different techniques underneath. Two such approaches are static and dynamic routing. Frameworks like Angular, Ember and React Router library (in the past) supported static routing.

Authored by: Bit

How to: React Table with Resize

In this tutorial, I want to show you how to use React Table Library for creating a table component in React . After this tutorial, there will be many other examples which you can continue to build...

Authored by: Robin Wieruch


Form Validation and How Vue 3 and Reactivity Changes the Game on Web Rush #135

Marina Mosti talks with John, Ward, and Dan about form validation and Vue 3. Why do we have a love / hate relationship with forms? What about schema driven forms? Dealing with the dynamic nature of forms. And is Vue 3 more difficult for the average user?

Authored by: John Papa


Node.js Asynchronous and Concurrency Model

In this article, we are going to look at how Node.js handles the operations on the server-side with its very popular asynchronous and concurrency model. I/O operation means communication between a single process in a computer CPU with anything outside of that CPU. It can be a memory, disk, network, or even a process.

Authored by: JavaScript In Plain English

Libraries and Tools

Building a React Component Library - The Right Way

'Compositions' are usages or instances of a component that are loaded by Bit and rendered in isolation. 'Compositions' can be used to demonstrate a stand-alone component, similarly to Storybook (which can be used in addition to this), but more importantly, to run manual and automated integration tests.

Authored by: Bit